https://github.com/alok8bb/trackie
a simple habit tracker for web. built with nextjs & supabase
https://github.com/alok8bb/trackie
habit-tracker nextjs supabase supabase-auth
Last synced: 3 months ago
JSON representation
a simple habit tracker for web. built with nextjs & supabase
- Host: GitHub
- URL: https://github.com/alok8bb/trackie
- Owner: alok8bb
- Created: 2025-06-23T16:48:34.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-07-04T17:35:43.000Z (3 months ago)
- Last Synced: 2025-07-04T18:41:55.332Z (3 months ago)
- Topics: habit-tracker, nextjs, supabase, supabase-auth
- Language: TypeScript
- Homepage: https://trackie.online
- Size: 688 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trackie
A simple habit tracker for web. It is highly inspired by [Loop Habit Tracker](https://play.google.com/store/search?q=loop%20habit%20tracker&c=apps) and only built because I wanted a similar thing on web / iOS.
---
## How to run?
1. **Clone the repository**
```sh
git clone https://github.com/alok8bb/trackie.git
cd trackie
```
2. **Set up environment variables**
Copy the sample file and add your [Supabase](https://supabase.com/) project credentials:
```sh
cp env.sample .env.local
```
Then fill in the required `SUPABASE_URL`, `SUPABASE_ANON_KEY`, etc.
3. **Set up the database schema**
If you're setting up your own Supabase instance, you'll need to create the required tables. You can use the SQL in [`supabase/schema.sql`](supabase/schema.sql).
4. **Install dependencies**
```sh
npm install
# or
pnpm install
```
5. **Start the development server**
```sh
npm run dev
# or
pnpm dev
```
6. Open [http://localhost:3000](http://localhost:3000) in your browser.
---
## Contributing
This is a beginner friendly project, feel free to explore and contribute! If you have an idea for a new feature or improvement, just build it and open a pull request.
---
## Todo
- Logout button on top right corner with profile logo maybe
- Colored habits: ask for a few pre-defined colors while adding a habit in the new habit dialog.
- PWA and responsive design for usability on phones.
- Listing streaks & delete button on hovering the habits in main tracker, maybe a dedicated page with git graph-like view for the completed habits.
- Optimizations on how Supabase stuff is handled since I dunno Supabase.
---
## Screenshots
