A modern journaling app built with React, Tailwind CSS, and Supabase authentication.
This project is based on the TailAdmin free React Tailwind admin dashboard template. It has been enhanced with Supabase authentication to provide a complete authentication system for admin panels and dashboard applications.
Before you begin, ensure you have:
- Node.js (version 16 or higher)
- npm package manager
- A Supabase account and project
Clone the repository using the following command:
git clone https://github.com/freeCodeCamp-2025-Summer-Hackathon/teal-cache.git
Windows Users: place the repository near the root of your drive if you face issues while cloning.
-
Install dependencies:
npm install
Use the
--legacy-peer-deps
flag, if you face issues while installing. -
Start the development server:
npm run dev
- Create a new project at Supabase.
- Get your project credentials:
- Project URL: Go to Project Settings > General > - Project ID
- Anon Key: Go to Project Settings > API > Project API keys
- Create a .env file in the root directory:
VITE_SUPABASE_URL=https://your-project-id.supabase.co
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
npm run dev
src/
├── components/ # Reusable UI components
├── pages/ # Page components
├── hooks/ # Custom React hooks
├── utils/ # Utility functions
├── lib/ # Supabase client configuration
└── styles/ # Global styles
The project includes a complete authentication system with:
- User registration
- User login
- Protected routes
- Session management
All authentication is handled through Supabase, providing secure and scalable user management.
- Base template: TailAdmin Free React Tailwind Admin Dashboard
- Base template repo: Github
- UI Framework: Tailwind CSS
- Authentication: Supabase
Git name | Discord Name |
---|---|
Amedeo | n4pZ |
kwui3 | Kay |
cosmonewt | Theo |
liquidsonic | |
JesNetWD | Jes |
bobby2910 | vB |
Simon Aust | Simon |
Amine | Amine |