caiovictors / Habits-App

Habit tracker project for Rocketseat's Next Level Week

💡 About

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

📐 Layout

⚙️ 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:

 

• Check day habits:

• Create habit:

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

• Habits List;
• Remove Habits;

📱 Mobile App images

                  ➕ Create                                   ✔ Check                              ❌ Remove

                       

💻 Technologies