Rapt is a full-stack time-tracker and pomodoro app, to address concerns of a neurodiverse focus group reporting that many productivity apps and systems were failing them.
The main objectives of this were the data modeling and visualization for tracking history and providing feedback to users.
The app is designed to let the user choose what 'type' of session they'd like to timebox (whether that's a work session or a break session), instead of locking users into a work-break-work-break pattern. It lets users annotate and save their sessions. The history view lets users see a graph of the activities they worked on sorted by duration.
- React 18
- React Router 6.4
- TanStack Query 4
- Zustand
- TypeScript
- Tailwind/ DaisyUI
- Node/Express
- Postgres
- Prisma
- TypeScript
- Passport
- Clone the repo
git clone https://github.com/3dvkr/rapt.git
-
Install NPM packages
npm install. -
Set up a PostgreSQL-as-a-service instance, e.g. on ElephantSQL or Railway.
-
Fill in the values in the
.env.examplefile, and rename it to.env. The database url is a string provided by the PostgreSQL service. -
In the project's root, run Prisma Migrate to initialize the database with the schema defined in
prisma/prisma.schema
npx prisma generate
npx prisma db push
- Run
npm run devin the root for the server, and theclientfolder for the front end.
- add feature to edit sessions
- add data visualization to dashboard/summary
- refactor mobile/small screen UI
- add pagination for timer session logs
- add filtering functionality for reviewing logs
- create settings page to allow user experience customization