Skip to content

Habit tracker project for Rocketseat's Next Level Week

Notifications You must be signed in to change notification settings

caiovictors/Habits-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation




cover_

💡 About

Habit tracker application made during Rocketseat's Next Level Week.
Create, check and follow your habits progress through the year

📐 Layout

image

⚙️ How to run

📃 Prerequisites

  • Node v16.16.0
  • Expo Go App - Smartphone

💻 On PC

  • Clone this repository

Backend

  • Enter backend's project folder
$ cd ./server
$ npm i
  • Execute the migrations of the db, select "yes" and give a name to the migration:
$ npx prisma migrate dev
  • Start the server:
$ npm run dev

Frontend - Web

  • Enter web folder and run:
$ cd ./web
$ npm i
  • Start web frontend:
$ npm run dev

App - Mobile

  • Enter mobile folder and run:
$ cd ./mobile
$ npm i
  • Start mobile app:
$ npx expo start

📱 On Smartphone

  • Download Expo Go App on your smartphone
  • On Expo Go, click on Scan QR code, and scan the one that's showing on your PC's mobile terminal
  • Enjoy!

🖼 Functionalities and images

  • You can create, check, remove and track your habits

💻 Web Frontend images

  • Home page:

habits_home

  • Check day habits:

check_habits

  • Create habit:

create_habit

🚀 Extra features that I implemented in the project for both web and mobile versions:

  • Habits List;
  • Remove Habits;

view_habits

📱 Mobile App images


                  ➕ Create                                   ✔ Check                              ❌ Remove

drawing            drawing            drawing

💻 Technologies

image image image image image image image image image

About

Habit tracker project for Rocketseat's Next Level Week

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published