CodeClash

Table of Contents

• Introduction
  
• Requirements
• How to use
• Preview
• Team
• Contribution
  
• Improvements

Abstract

CodeClash is an online competitive coding platform where participants can join challenges, solve coding problems in real-time, and track their ranking on a leaderboard. It helps students improve programming and problem-solving skills in an interactive and engaging way.

Introduction

Welcome to CodeClash!!! CodeClash is an interactive frontend development platform designed to enhance your coding and UI/UX skills through structured challenges. It offers tasks in HTML, CSS and JavaScript promoting creativity, problem-solving, and real-world development practice.

Key features include:

Real-time leaderboard to track progress and top performers.

Timed coding challenges to simulate competitive environments.

Inclusive skill levels for beginners to advanced developers.

Join CodeClash to refine your skills, compete with others, and build production-ready frontend projects.

Requirements

Node.js	v18.17.0 — Node.js
Express.js	v4.18.2 — Express
MongoDB	v6.0 — MongoDB
React	v18.2.0 — React

Installation and usage

1. Clone the repository:

 git clone https://github.com/YourUsername/CodeClash.git

2. Navigate to the project folder:

  cd CodeClash

3. Install dependencies:

  npm install

4. Start the project:

  npm start

Open the platform in a browser: CodeClash

Example usage: Join a challenge, solve problems, and view the leaderboard.

Preview

User Side

Host Side

Team details

Team Number:

25AACR16

Senior Mentor:

Preetham Janugam

Junior Mentor:

Raghavendra Chekuri

Team Member 1:

Karthik Sriram

Team Member 2:

Jayanth

Team Member 3:

Varnika Aluru

Team Member 4:

Ch.Tagorenath Reddy

Team Member 5:

Hasmitha Kotha

Contribution

To contribute, follow these steps:

1. Understand the Project Philosophy: Read through the README.md file to familiarize yourself with the project's goals and structure.

2. Maintain Code Consistency: Use the same programming language and library versions as the original code.

3. Write Documentation: Explain the changes you're proposing, including identified problems, proposed solutions, and test cases.

4. Submit a Pull Request: Follow standard Git etiquette for submitting your contributions.

Improvements

• Add live chat for participants.
• Include more programming languages in challenges.
• Add email notifications for leaderboard updates.
• Improve mobile responsiveness and UI.
• Implement dark mode for better user experience