Code Monkey home page Code Monkey logo

hype's Introduction

🏆😊HackCamp 2020 : Winner Kabam -- Best UI/UX Design😊🏆

Hype

Hype aims to eliminate Imposter Syndrome through tracking accomplishments and reinforcing one's ability through daily personalized notifications to remind one of what they've accomplished.

⭐We have taken our code down to prepare for deployment to Google Play⭐

Table of Content:

First look

UI Prototype

Programming language used

Frontend:

This project uses Flutter - a free and open-source mobile UI framework which uses a programming language called Dart.

Backend:

This project uses Go lang - a statically typed, compiled programming language designed at Google.

Prerequisites

  1. Install Flutter SDK
  2. Setup Editor
  3. Setup Android Device or Setup Android emulator

Setting up the project

Setting up mongoDB

Making atlas account

1.Click Sign up with Google or email 2.Click Next. 3.Enter the password for your account. 4.Click Next. 5.Review and select the checkbox to accept the Terms of Service and the Privacy Policy. 6.Click Submit.

Deploy a free tier cluster

  1. Log into Atlas
  2. Click Build a Cluster.
  3. Select Starter Clusters and click Create a Cluster.
  4. Select your preferred Cloud Provider & Region.
  5. Select M0 Sandbox for cluster tier
  6. Enter a name for your cluster in the Cluster Name field.
  7. Click Create Cluster to deploy the cluster

Add Your Connection IP Address to IP Access List

  1. Open the Connect dialog
  2. Configure your IP access list entry.
  3. Click Add IP Address

Create a Database User for Your Cluster

  1. Open the Connect dialog
  2. In the Create a MongoDB User step of the dialog, enter a Username and a Password for your database user.
  3. Click Create MongoDB User.

Connect to Your Cluster

  1. Open the Connect dialog
  2. Click Connect Your Application.
  3. Select Go from the Driver dropdown and select your version of the driver
  4. In a text editor, update the copied connection string with your password
  5. Connect to your cluster by copy pasting the mongo string in server/web/keys.go file. var mongoString = "Insert your key here"

In case any issues occur during setup

Run the app

Frontend : Flutter

  1. Locate the main Android Studio toolbar:
  1. In the target selector, select an Android device for running the app. If none are listed as available, you can use an actual android device or select Tools> Android > AVD Manager and create one there. For details, see Managing AVDs.

  2. Please get and upgrade packages by typing these commands

    • From the terminal: Run flutter pub get . OR.
    • From Android Studio/IntelliJ: Click Packages get in the action ribbon at the top of pubspec. yaml .
    • From VS Code: Click Get Packages located in right side of the action ribbon at the top of pubspec. yaml .
  3. Click the run icon in the toolbar, or invoke the menu item Run > Run.

Backend : GOlang

  1. Open the folder in vs code or your favorite editor
  2. Run the following command go run ./web

**Note : Please keep the server on while you are using the application so that the requests can go through

Members List:

Simi : https://github.com/simidesigns
Kenny : https://github.com/kennyjhcheng
Ash : https://github.com/AshCatchEmAll

Awards:

Devpost:

https://devpost.com/software/hype-nzhf46

hype's People

Contributors

kennyjhcheng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.