Achievements tracker

The main goal of this application is to track achievements thanks to a visual layout of a complete year divided into weeks.

Tech Stack

Client: React, @tanstack/router, TailwindCSS, DaisyUI

Server: Convex

Create a personnal dashboard
- Add authentication with Convex
- Add/Update/Delete achievements
- Choose what temporality a box represent (day/week/month)
- Mark a box as succeded or failed
Display every achievements
Display informations on boxes hover
Achievements
- Fix pinned button bug
- Fix box content not displaying "?" or "!"
- Allow to update more infos
- Add a progress graph under the boxes
- Add a progress graph preview in achievements settings
- Allow partial failure/success choice
- Allow deletion
Backend
- Switch to Bun/Elysia
- Postres Database
- Find a way to implement auth
Frontend
- TanStack Query
- Handle loading state
Auth
- Add Github login button in login form
- Add Google provider
- Add appropriate icon on User Settings when user is logged with a provider (currently only github icon)
Features
- Allow users to create routines (repeated achievements every day/week/month) with auto reset of the achievement and history
- Create personnal notes that only the owner of the achievement can see (for each box and for an achievement)
- Graphs for different metrics (global achievement -> every achievements, for routines, etc)
Landing page
Improve UI (very important)
Send a reminder to fill the box at every temporality chosen for a given achievement (PWA notification ? Mail ? Other ?)

Contributions are always welcome!

If you have any recommandation feel free to open a PR or contact me on Twitter(X)