Habit-tracker Web App

Habit Tracker

Open source habit tracker app that helps you to build good habits, reach your goals.

Tech Stacks

• Framework: Next.js
• Database: PlanetScale
• ORM: Prisma
• Authentication: NextAuth.js
• Styling: Tailwind CSS
• Deployment: Vercel

Features

• Track habits
• Monthly view
• Change current Month
• Change current year to Next/Previous year

Demo

https://improve-everyday.vercel.app

Run Locally

Clone the project

  git clone https://github.com/arzivre/habit-tracker

Go to the project directory

  cd habit-tracker

Install dependencies

  npm install
  yarn

Start the development server

  npm run dev
  yarn dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

DATABASE_URL

Connect to MySQL Database

Deployment

Vercel

I recommend deploying to Vercel. It makes it super easy to deploy NextJs apps.

• Push your code to a GitHub repository.
• Go to Vercel and sign up with GitHub.
• Create a Project and import the repository you pushed your code to.
• Add your environment variables.
• Click Deploy
• Now whenever you push a change to your repository, Vercel will automatically redeploy your website!

Authors

• @arzivre

Feedback

If you have any feedback, please reach out to us at [email protected] or Twitter

Give a ⭐️ if this project helped you!