Skip to content

CodeSphere is a powerful and interactive learning path dashboard that helps learners build and enhance technical skills in a structured, engaging, and gamified way.

Notifications You must be signed in to change notification settings

AbhayMall/CodeSphere

Repository files navigation

🚀 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

  1. Clone the repository:

    git clone https://github.com/your-username/codesphere.git
    cd codesphere
    
  2. Install dependencies:

    npm install
    
  3. Setup environment variables:

    Create a .env file in the root directory:

    MONGO_URI=your_mongodb_connection_string
    PORT=5000
    
  4. Run the app:

    npm start
    
  5. 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

🤝 Contributing

  1. Fork the repository
  2. Create your feature branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m 'Add new feature'
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Submit a pull request

👨‍💻 Author

Abhay Mall
B.E. CSE | Chandigarh University
Passionate Full Stack Developer | Blockchain Enthusiast

🌈 Show Your Support

Give this project a ⭐ if it helped you or inspired you!

About

CodeSphere is a powerful and interactive learning path dashboard that helps learners build and enhance technical skills in a structured, engaging, and gamified way.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages