Active Journey

Active Journey is a wellness tracking app that helps users monitor and improve their health by tracking various health metrics such as water intake, exercise, sleep, and mood. The app provides a personalized dashboard where users can save daily data for each metric and track the impacts of those metircs on each other over time.

A unique feature of Active Journey is the ability to visualize correlations between multiple metrics through interactive charts and graphs, providing insights into the connections between their different lifestyle patterns. With its user-friendly interface and powerful tracking and visualization features, Active Journey is a powerful tool for anyone looking to make better data-driven decisions about their wellness.

This is a Next.js project bootstrapped with create-next-app.

Features

Users can create an account and log in to their personalized dashboard.
Users can record and track their daily water intake, exercise, sleep, and mood.
Users can set goals for each of these metrics and track their progress over time.
Users can visualize their progress through a series of charts and graphs.
Users can receive reminders to log their metrics throughout the day.

Technologies Used

React
Next.js
Prisma
SQL Lite
Tailwind
Chart.js
Apex Charts
Responsive Grid Layout

Getting Started

Clone this repository.
Install the necessary dependencies using npm install.
Create your .env file: Copy .env.example to .env
Set-up the database:

npx prisma generate

npx prisma db push

npx prisma migrate dev

npx prisma studio

Start the development server:

npm run dev

Navigate to http://localhost:3000 in your web browser.

Working with Prisma and the Database

After initially setting up the database you will only need to delete your dev.db file from your prisma directory and then run npx prisma migrate dev when updating the database.

db push uses the same engine as Prisma Migrate to synchronize your Prisma schema with your database schema.

Credits

This app was built by @Karamvir-Bains, @kgislason, @laurenashley & @GMahant1 as a Lighthouse Labs final project.

Thank you to @SomeChineseGuy for your inspiration and support to stretch our skillset using Next.js and Prisma