Giter Club home page Giter Club logo

habit-up's Introduction

Welcome to HabitUp! ๐ŸŒฑ

About HabitUp โฑ

HabitUp is a habit tracker, created with the one and only purpose of helping users create a new habit by helping them be accountable.
Home Screen
Once in their dashboard, they can choose to create a New Task (habit) through filling in a form.
The user journey starts in the main screen, where they can choose to see their tasks for the day or get inspired with quotes.
The new task will automatically appear in their dashboard, where they can perform actions such as mark it as completed for the day, run a stopwatch set for the time goal, or manually enter the result in the counter.
Clicking on a task redirects the user to a Task Details screen, where they can check out more details about their progress, such as streaks, and get a calendar view.
New Task Dashboard Notification Calendar

Getting started ๐Ÿš€

What you need:

  • Code editor (ex. Visual Studio Code)
  • Web browser (ex. Chrome)
  • Expo App installed on your phone.

Back end

  1. Open the server folder and run <npm i> in the terminal.
  2. Start the server by typing <nodemon> or <node> in your terminal.
  3. This will launch the server and connect you to the database!

Front end

  1. Open the client folder and run <npm i> in the terminal.
  2. Start the app by typing <npm start>.
  3. Open Expo App on your phone and scan the QR code.

And you are all set! ๐ŸŽ‰

Tech stack ๐Ÿ‘ฉโ€๐Ÿ’ป

HabitUp has been created using:

Front end: React Native, Expo, CSS.
Back end: Express, Node.js, PostgresQL, Sequelize.

๐ŸŒณ

habit-up's People

Contributors

sarasamain avatar

Watchers

 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.