HabitUp is a habit tracker, created with the one and only purpose of helping users create a new habit by helping them be accountable.
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.
What you need:
- Code editor (ex. Visual Studio Code)
- Web browser (ex. Chrome)
- Expo App installed on your phone.
- Open the server folder and run
<npm i>
in the terminal. - Start the server by typing
<nodemon>
or<node>
in your terminal. - This will launch the server and connect you to the database!
- Open the client folder and run
<npm i>
in the terminal. - Start the app by typing
<npm start>
. - Open Expo App on your phone and scan the QR code.
And you are all set! ๐
HabitUp has been created using:
Front end: React Native, Expo, CSS.
Back end: Express, Node.js, PostgresQL, Sequelize.
๐ณ