A modern web application designed to evaluate and enhance users’ color differentiation abilities. Built with a high-performance stack including Next.js, TypeScript, Tailwind CSS, and Supabase.
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind CSS
- Backend: Supabase
- Animations: Framer Motion
- Package Manager: pnpm
- Node.js (LTS recommended)
- pnpm (latest version)
- Supabase account and project
git clone https://github.com/blaisewf/TR.git
cd TRpnpm installCreate a .env file in the root directory with your Supabase project credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_keyCreate a data table in your Supabase project with the following schema:
| Column Name | Type |
|---|---|
session_id |
uuid |
player_id |
uuid |
saved_at |
timestamptz |
total_time |
float4 |
final_level |
int2 |
rounds |
json |
device_info |
jsonb |
has_visibility_condition |
bool |
pnpm devThe application will be available at: http://localhost:3000
To build and start the application in production mode:
pnpm build
pnpm startThis project is licensed under the MIT License.