Skip to content

speedbuild98/STOP-APP

Repository files navigation

STOP-APP

STOP-APP

https://stop-app.vercel.app/

This web application is built using the T3 Stack, which includes the following technologies:

  • Next.js: Next.js is a React framework that provides server-side rendering, static site generation, and other powerful features for building web applications.
  • NextAuth.js: NextAuth.js is an authentication library for Next.js applications. It provides a set of authentication features, including various authentication providers such as GitHub, Google, and Facebook.
  • Prisma: Prisma is a modern database toolkit that simplifies database access and management. It offers an ORM (Object-Relational Mapping) layer for working with databases and provides a type-safe API for database queries and mutations.
  • Tailwind CSS: Tailwind CSS is a utility-first CSS framework that allows you to rapidly build custom user interfaces. It provides a set of pre-defined utility classes that can be used to style your components.
  • tRPC: tRPC is a TypeScript-based RPC (Remote Procedure Call) framework that simplifies client-server communication. It enables you to define API endpoints on the server and generate type-safe client code for making requests to those endpoints from the client.

This particular application, named STOP-APP, is designed to help individuals track their sobriety progress and manage addictions. The app allows users to monitor the time they have been sober and stay motivated on their journey to recovery.

Key Features

  • Authentication: The app utilizes GitHub authentication through NextAuth.js, allowing users to securely log in with their GitHub accounts.
  • Sobriety Tracker: Users can track the duration of their sobriety and view their progress over time. The app provides a user-friendly interface to input and update the start date of their sobriety.
  • User Interface: The application's user interface is built using Tailwind CSS with the DaisyUI plugin, which offers additional UI components and styling options on top of Tailwind CSS.

Feel free to explore the codebase to understand how these technologies have been integrated to create a basic time tracker application for managing addictions.