Trackcoders - Frontend

Live Website

About

Trackcoders is a platform designed to track coding progress across multiple competitive programming platforms like LeetCode, CodeChef, and GeeksforGeeks. Users can monitor their solved problems, compare progress with friends, and engage in a leaderboard system for motivation.

The frontend is built using React.js and Tailwind CSS for a modern and responsive user experience.

Features

• User Authentication (Login & Registration)
• Dashboard showing coding progress
• Solved Questions List from different platforms
• Friend System (Add friends, view their progress, and compare)
• Leaderboard to track top coders
• Profile Settings to update user details

UI Screenshots

Below are some of the key UI pages in Trackcoders:

Landing Page

Authentication Page

Home Page

Home Page - Solved Questions Section

Leaderboard Page

Friend Profile Page

Add Friend Page

Profile Update Page

Installation

Prerequisites

• Node.js (>= 16.x)
• npm or yarn

Setup

1. Clone the repository:

   git clone https://github.com/sidd2512/TrackCoder-Frontend
   cd frontend

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Backend Repository

The backend for this project is available at: Backend GitHub Repository

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to enhance the project.