CodeSphere is a collaborative coding platform designed to enhance the coding learning experience for individuals in our institution. The platform encourages collaboration, provides an inclusive environment for both problem solvers and problem creators, and offers a user-friendly interface for efficient coding education.
- User Authentication:
- A straightforward user authentication system for secure access.
- Problem Bank:
- A diverse problem bank categorized by difficulty and topics.
- Contest Creation:
- Allow users to create customized contests with various settings.
- Real-time Scoreboard:
- Implement a real-time leaderboard displaying participants' standings during contests.
- Discussion Forum:
- Include discussion forums for each problem to promote collaboration.
- User Profiles and Statistics:
- Display user profiles with statistics, contest history, and ratings.
- Notification System:
- Set up email to push notifications for upcoming contests and announcements.
- Visual Representation:
- Integrate a visualizer for problem solutions, aiding in code understanding.
- Finding Corner Cases:
- Assist in finding corner cases for different problem scenarios.
- Download Zip & Open it in VS Code or similar IDE. Open XAMPP & start Apache and MySQL
- Navigate to the project directory:
cd demo_project
- Run Backend:
cd backend
npm install
node index.js
- Run Frontend:
cd frontend
npm install
npm start
- Clone the repository:
git clone https://github.com/UmmeKulsumTumpa/SPL_02.git
- Navigate to the project directory:
cd SPL_02
- Install the dependencies:
npm install
- Start the development server:
npm start
![Home Page](pictures_for_readme/home-page.png)
The home page provides an overview of CodeSphere's features and recent updates, making it easy for users to navigate and find relevant information.
![Contests Page](pictures_for_readme/contests.png)
The contests page lists all available contests, categorized by upcoming, running, and previous contests. Users can view details and participate in any contest.
![Owner Participation Restriction](pictures_for_readme/owner-participation-restriction.png)
CodeSphere ensures fairness by restricting contest creators from participating in their own contests.
![Problem Set](pictures_for_readme/problem-set.png)
The problem set page displays all available problems, allowing users to practice and improve their coding skills.
![User Profile](pictures_for_readme/user-profile.png)
The user profile page provides an overview of a user's performance, submission activity, and statistics.
- Advanced Analytics:
- Implement advanced analytics for user performance and contest statistics.
- Machine Learning Integration:
- Integrate machine learning algorithms to provide personalized problem recommendations.
- Mobile Application:
- Develop a mobile application to enhance accessibility and user experience.
- Internationalization:
- Add support for multiple languages to cater to a global audience.