/clash-of-codes

Live Leaderboard for Clash of Codes event

Primary LanguageTypeScript

Live Demo and Screenshots

Link - https://clash-of-codes-five.vercel.app/

About Clash of Codes

Clash of codes is a game organized by the Programming club of Ahmadabad University. The game is hosted on codeforces however, codeforces lacks an aesthetically pleasing UI. Using the codeforces API this project fetches the standings of an ongoing contest and displays them in a proper manner.

Background

Every year, programming club at Ahmedabad University organizes a competitive programming competition, The entire competition takes place on CodeForces. To make the competition more engaging, The projects displays the live scores of each participant (Using the CodeForces API) whilst the contest is going on. After each contest ends, their scores are moved to past scores and, their internal clan rankings changes based on their performance.

About this Repository

This Repository contains the code for the frontend of the project.

Figma

Figam designs of the project can be found here

Backend

image

Backend is made using express and is hosted on render. The code for the backend can be found here

Getting Started

After cloning the repo, install the dependencies using

npm install

run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.