Rapt is a full-stack time-tracker and pomodoro app built to meet the needs of a neurodiverse focus group who were not finding traditional productivity apps helpful. The main focus of the app is on data modeling and visualization to track history and provide feedback to users. It allows users to timebox different types of sessions, annotate and save their sessions, and view a graph of their activities. The front end is built with React, React Router, and TanStack Query, while the back end uses Node/Express, Postgres, Prisma, and Passport.
To get started with Rapt:
npm run dev in the root directory for the server and the client folder for the front end.
Rapt is a time-tracking app designed to cater to the needs of a neurodiverse focus group. It offers customizable session types, annotation and session-saving features, and a history visualization graph. The app utilizes technologies such as React, React Router, TanStack Query, Node/Express, Postgres, Prisma, and Passport. Installation can be done by cloning the repo, installing NPM packages, setting up a PostgreSQL instance, and running the necessary commands. The app also outlines future optimizations and features planned for the roadmap.
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
Zustand is a lightweight state management library for React that provides a simple and intuitive API for managing state in your application. It allows developers to easily create and manage global state, and provides a powerful set of tools for optimizing performance and improving developer productivity. Zustand is designed to be easy to use and easy to learn, making it a popular choice for developers of all skill levels.