Home/Projects/BYTE BATTLE platform

BYTE BATTLE platform

App

AI-powered programming quiz platform with animated UI, Google/GitHub authentication, ranked leaderboards, protected routes, and social sharing.

20248 weeks
Solo Project
Next.js, TypeScript, Tailwind CSS
BYTE BATTLE platform main preview

Overview

BYTEBATTLE is a gamified coding quiz platform where users compete on AI-generated programming challenges. Secure authentication via Google and GitHub ensures personalized progress tracking, while protected routes maintain fair competition. The system ranks users globally, highlighting top performers on dynamic leaderboards. Users can share their achievements and progress instantly on social media. The platform features animated UI, localization, and a robust scoring system for a truly engaging experience.

Key Features

AI-generated programming quizzes
Animated UI and transitions
Google/GitHub authentication
Protected routes for authenticated users
Global ranked leaderboards
Social media sharing of progress
Localization and multi-language support
Deterministic scoring system
AI-powered code correction and feedback
Daily free API usage limits
Upcoming: support for all major programming languages

Challenge & Solution

Challenge

Implementing secure authentication and route protection, designing a fair ranking system, enabling seamless social sharing while maintaining user privacy, integrating AI for code correction and language suggestions, and managing free API usage limits for daily access.

Solution

Integrated NextAuth for Google/GitHub login, enforced route protection for quiz and leaderboard pages, built a robust ranking algorithm, and used privacy-respecting APIs for social sharing. For AI code correction and suggestions, leveraged language models to provide feedback and recommend improvements. Implemented API rate limiting to handle daily free usage. Future updates will add support for all major programming languages.

Project Gallery

BYTE BATTLE platform screenshot 1BYTE BATTLE platform screenshot 2

Technologies Used

Next.js
TypeScript
Tailwind CSS
NextAuth
Google Auth
GitHub Auth
Prisma
PostgreSQL

Project Info

Year

2024

Duration

8 weeks

Team

Solo Project