https://github.com/ajay-dhangar/middle-school-learn-platform
An Interactive Middle School Learning Platform offering science experiments, basic coding, logic games, and immersive learning experiences with critical thinking & problem-solving activities.
https://github.com/ajay-dhangar/middle-school-learn-platform
coding e-learning education gamified-learning interactive-education learning-platform logic-games middle-school modern-ui nodejs react science web-app
Last synced: about 1 month ago
JSON representation
An Interactive Middle School Learning Platform offering science experiments, basic coding, logic games, and immersive learning experiences with critical thinking & problem-solving activities.
- Host: GitHub
- URL: https://github.com/ajay-dhangar/middle-school-learn-platform
- Owner: ajay-dhangar
- License: mit
- Created: 2025-09-12T14:44:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-13T02:48:47.000Z (9 months ago)
- Last Synced: 2026-03-13T01:02:13.564Z (3 months ago)
- Topics: coding, e-learning, education, gamified-learning, interactive-education, learning-platform, logic-games, middle-school, modern-ui, nodejs, react, science, web-app
- Language: TypeScript
- Homepage:
- Size: 238 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Middle School Learn Platform
**Middle School Learn Platform** is an interactive, modern web application designed to make learning **fun and engaging** for students in **Grades 6–8**.
It combines **science experiments**, **basic coding**, **logic games**, and **critical thinking activities** to help students explore and learn in a creative way.
> Middle School Learn Platform is a next-gen, interactive web application designed to make learning fun, engaging, and skill-focused for students in Grades 6–8.
> 🧪 Science experiments, 💻 basic coding labs, 🎯 logic games, and 🧠 critical-thinking activities—all in one platform.
>
>Built with modern web technologies for a smooth, gamified learning experience that inspires curiosity and creativity.
---
## Features
✅ **Interactive Learning Modules** – Science experiments, VR history tours, and gamified quizzes.
✅ **Basic Coding Playground** – Learn coding fundamentals with hands-on challenges.
✅ **Logic & Critical Thinking Games** – Boost problem-solving and analytical skills.
✅ **Progress Tracking** – Save user progress with **local storage** or database.
✅ **Responsive Design** – Seamless experience across desktop, tablet, and mobile.
---
## 🛠️ Tech Stack
| Frontend | Backend | Database | Other |
|----------|---------|---------|------|
| React / Next.js | Node.js / Express | MongoDB / Firebase | Tailwind CSS, Three.js (for 3D/VR) |
---
## 🚀 Getting Started
Follow these steps to run the project locally:
### 1️⃣ Clone the repository
```bash
git clone https://github.com//middle-school-learn-platform.git
cd middle-school-learn-platform
````
### 2️⃣ Install dependencies
```bash
npm install
```
### 3️⃣ Start the development server
```bash
npm run dev
```
Now, open **[http://localhost:3000](http://localhost:3000)** to view the app in your browser. 🎉
---
## 📂 Project Structure
```
middle-school-learn-platform/
├─ public/ # Static assets (images, icons, etc.)
├─ src/
│ ├─ components/ # Reusable UI components
│ ├─ pages/ # App pages (Home, Experiments, Coding, Games)
│ ├─ hooks/ # Custom React hooks
│ └─ utils/ # Helper functions
├─ package.json
└─ README.md
```
---
## 📸 Screenshots
---
## 🌍 Live Demo
🔗 [Coming Soon](#)
---
## 🤝 Contributing
Contributions are welcome! Follow these steps:
1. **Fork** the repo
2. **Create a branch**: `git checkout -b feature-new`
3. **Commit changes**: `git commit -m "Add new feature"`
4. **Push**: `git push origin feature-new`
5. Create a **Pull Request**
---
## 📜 License
This project is licensed under the [MIT License](LICENSE).
---
## 💡 Inspiration
Designed to encourage **critical thinking, problem-solving, and creativity** in middle school students through interactive technology and gamified learning.
---
### 👨💻 Author
Developed by [Ajay Dhangar](https://github.com/ajay-dhangar) 🚀