🚀 CodeSphere
CodeSphere is a powerful and interactive learning path dashboard that helps learners build and enhance technical skills in a structured, engaging, and gamified way.
From selecting learning paths to coding in an in-browser IDE, CodeSphere makes learning more personalized and fun with real-time progress tracking, discussion communities, and rewards.
🔥 Features
- 🧠 Learning Path Selection – Choose from various tech stacks (DSA, Web Dev, Blockchain, etc.)
- 📚 Topic-Wise Content Reading – Well-structured content for each topic
- 💻 Built-in IDE – Practice code directly in the browser
- 📊 Progress Tracking – Track completed lessons and view your progress
- 🎮 Gamified Practice – Solve questions in a game-style interface with badges and levels
- 📝 Question Solving Panel – Topic-based problems with expected output
- 📺 Integrated YouTube Videos – Topic-wise embedded tutorials
- 💬 Community Discussion – Forum-like community to ask doubts and connect
- 🏅 Badge & Reward System – Earn points, badges, and track your achievements
🛠️ Tech Stack
Frontend:
- HTML
- CSS
- JavaScript
- EJS (Templating)
Backend:
- Node.js
- Express.js
Database:
- MongoDB
⚙️ Installation
-
Clone the repository:
git clone https://github.com/your-username/codesphere.git cd codesphere -
Install dependencies:
npm install -
Setup environment variables:
Create a
.envfile in the root directory:MONGO_URI=your_mongodb_connection_string PORT=5000 -
Run the app:
npm start -
Open your browser and visit:
http://localhost:5000
🛣️ Roadmap
- User Registration & Login
- Learning Path & Progress Tracking
- IDE & Practice Module
- Badge & Reward System
- Community Forum
- YouTube Video Integration
- Fork the repository
- Create your feature branch:
git checkout -b feature/your-feature-name - Commit your changes:
git commit -m 'Add new feature' - Push to the branch:
git push origin feature/your-feature-name - Submit a pull request
Abhay Mall
B.E. CSE | Chandigarh University
Passionate Full Stack Developer | Blockchain Enthusiast
Give this project a ⭐ if it helped you or inspired you!