https://github.com/joeribreedveld/habitcharts
Chart based habit tracker web application.
https://github.com/joeribreedveld/habitcharts
habits mongodb nextjs prisma recharts shadcn-ui typescript website zod
Last synced: 7 months ago
JSON representation
Chart based habit tracker web application.
- Host: GitHub
- URL: https://github.com/joeribreedveld/habitcharts
- Owner: joeribreedveld
- Created: 2024-07-08T15:56:00.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-07T08:37:58.000Z (10 months ago)
- Last Synced: 2025-02-11T17:16:03.228Z (8 months ago)
- Topics: habits, mongodb, nextjs, prisma, recharts, shadcn-ui, typescript, website, zod
- Language: TypeScript
- Homepage: https://habitcharts.vercel.app
- Size: 891 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Habitcharts
A habit tracking application to monitor and visualize progress over time.
## Getting Started
1. Install dependencies:
```bash
npm install
```
2. Run the development server:
```bash
npm run dev
```
3. Open [http://localhost:3000](http://localhost:3000) in your browser to track your habits.
## Features
- Track daily habits and routines.
- Visualize habit progress with interactive charts.
- Customize habit categories and tracking frequency.
## Project Structure
- `app/` - Main application pages and layout.
- `components/` - Reusable UI components such as charts and forms.
- `lib/` - Utility functions and logic.
- `prisma/` - Prisma schema and database configuration.
- `public/` - Static assets such as icons and images.
- Configuration files (e.g., `tailwind.config.ts`, `tsconfig.json`).
## Styling
- Uses [Tailwind CSS](https://tailwindcss.com/) for styling.
- Optimized fonts using [`next/font`](https://nextjs.org/docs/basic-features/font-optimization).
## Scripts
- `dev` - Start the development server.
- `build` - Create a production build.
- `start` - Start the production server.
- `lint` - Check code for linting errors.
- `format` - Format code with Prettier.
## Deployment
Deploy on [Vercel](https://vercel.com/) with ease. Refer to the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
## Learn More
- [Next.js Documentation](https://nextjs.org/docs)
- [Next.js GitHub Repository](https://github.com/vercel/next.js)