codecrush Tailwind Templates

Codecrush

Quiz application with daily coding challenges. Rebuild of capstone project. Built using Next.js, Tailwind, TypeScript, Prisma, Xata PostgreSQL and Clerk authentication.

CodeCrush

CodeCrush is a quiz application with daily coding challenges. Users can answer 3 daily questions of varying difficulties to build a streak, earn points and rank up on the leaderboard.

This is a solo rebuild of my group capstone project at CodeClan.

For demo purposes there are one week worth of questions at present.

Tech Stack

  • Frontend: Next.js, TypeScript, Tailwind, Shadcn/ui
  • Backend: Prisma ORM, Xata PortgreSQL
  • Authentication: Clerk Auth

Features

  • Daily Coding Challenges: Users can tackle 3 coding questions each day.
  • Points System: Correct answers earn points, while incorrect ones result in point deductions.
  • Streak Tracking: Maintain a streak by answering questions correctly.
  • Leaderboard Ranking: See where you rank on the leaderboard based on points.

Working On

  • Updated difficulty select modal
  • Improved quiz page interface
  • Improved user feedback
  • Improved mobile experience

Future Considerations

  • AI generated questions.

Deployed Link - https://codecrushquiz.vercel.app/
Project Link - https://github.com/markslorach/codecrush.git

Contact

Mark Slorach - hello@markslorach.com

Screenshots

SCR-20240809-mvwk SCR-20240809-mwiw SCR-20240809-mwwj

Top categories

Loading Svelte Themes