=======
Programming is often hard for beginners because they cannot see what is happening behind the code.
Concepts like loops, data structures, pointers, and algorithms feel confusing when learned only through textbooks or static examples.
CodeGalaxy solves this problem by providing a visual, interactive, and game-based learning platform where students write code and instantly see step-by-step execution animations.
It helps learners understand how code works, not just what to write.
- 🎯 Gamified Learning – Learn coding like playing a game with levels and challenges
- 👀 Live Code Visualization – Watch loops, nodes, pointers, and algorithms work in real time
- 🧠 Strong Fundamentals – Clear understanding of program flow and logic
- 🌐 Multi-Language Support – Practice the same problem in Java, Python, or JavaScript
- 📊 Progress Tracking – Track completed challenges and learning growth
- 👶 Beginner Friendly – Simple UI, easy explanations, smooth animations
- React.js (Vite)
- HTML, CSS, JavaScript
- Node.js
- Express.js
- MongoDB
- REST APIs
/frontend: React + Vite application (The User Interface)./backend: Node.js + Express + MongoDB application (The API).
You need to run both the frontend and backend servers simultaneously for the full application to work.
The backend runs on http://localhost:5000.
- Open a terminal.
- Navigate to the backend folder:
cd backend - Install dependencies (if new):
npm install
- Start the server:
npm run dev
The frontend runs on http://localhost:5173 (usually).
- Open a new terminal (keep the backend running).
- Navigate to the frontend folder:
cd frontend - Install dependencies (if new):
npm install
- Start the development server:
npm run dev
See backend/server.js and route files for API details.
- Auth:
/api/auth - Challenges:
/api/challenges - Progress:
/api/progress