Skill Arena is a competitive coding and skill-development platform where users can assess their programming ability, track progress, compete in coding battles, and learn through guided modules.
This project demonstrates authentication systems, protected routing, state management, and modern frontend architecture.
(Deploy link will go here after deployment)
- Secure authentication using Supabase
- Skill assessment workflow
- Dashboard analytics
- Learning modules
- Coding battle interface
- Progress tracking
- Match history
- AI coach module
- Token shop system
- Responsive UI with animations
Frontend:
- React
- TypeScript
- Vite
- Tailwind CSS
- shadcn/ui
- Framer Motion
Backend / Services:
- Supabase Authentication
- Supabase Database
State & Routing:
- React Query
- React Router
Clone the repository:
git clone <YOUR_REPO_URL>
cd skill-arenaInstall dependencies:
npm installCreate .env file:
VITE_SUPABASE_URL=your_url
VITE_SUPABASE_PUBLISHABLE_KEY=your_keyRun locally:
npm run devsrc/
├ components/
├ contexts/
├ hooks/
├ integrations/
├ lib/
├ pages/
├ App.tsx
└ main.tsx
This project can be deployed using Vercel.
This project is licensed under the MIT License.
npm run buildShreesh Pandey