Constitution Made Easy

🌐 Live Project: constitution-made-easy.netlify.app

📖 Project Overview

Constitution Made Easy is an interactive educational platform designed to make learning about the Indian Constitution fun, engaging, and easy to understand for students and young learners. This project was proudly developed as part of Smart India Hackathon 2024 by Team Binary Brawlers.

---

👥 Team Details

Team Name: Binary Brawlers
Developed By:

• 👩‍💻 Nitesh Agarwal (Frontend Developer & Game Logic)
• 👩‍💻 Nishu Pundir (Frontend Developer & UI/UX)

Event: Smart India Hackathon 2024
Project Category: Education & Awareness

⚡ Note: This is a pure frontend project, developed using HTML, CSS, and JavaScript. Backend development was planned for later phases, but at the time of submission for SIH, the project focused entirely on frontend capabilities.

---

✨ Features

✅ Interactive Learning Modules
✅ Card Draw Game for Key Articles
✅ Spin the Wheel Game for Constitution Topics
✅ Informative Popups & Explanations
✅ User-friendly Interface
✅ Mobile Responsive Design
🔜 Interactive Quizzes (Planned Feature)
✅ Dedicated 'User Guide' Section

---

📂 Project Structure

/
├── index.html                 # Main landing page
├── guide.html                  # User Guide page
├── css/
│   ├── style.css                # Main styling file
│   ├── animations.css           # Custom animations
├── js/
│   ├── script.js                 # Main functionality & logic
│   ├── wheel.js                   # Spin the Wheel game logic
│   ├── cards.js                   # Card Draw game logic
├── assets/
│   ├── images/                    # All project images & icons
│   ├── fonts/                     # Custom fonts if any
└── README.md                  # Project documentation (this file)

---

🎮 Games Included

1️⃣ Card Draw Game

• Draw cards representing articles of the Constitution.
• Flip the cards to reveal the article and its meaning.
• Tricolor theme to match the Indian flag.

2️⃣ Spin The Wheel

• Spin a wheel to learn about different topics like Fundamental Rights, DPSPs, and more.
• Introductory wheel to choose between "Indian Constitution" and "Organs of Government."

---

📱 Mobile Optimization

• Fully responsive design.
• Ensures smooth experience on phones and tablets.

---

🎨 Design Theme

• Colors: Black, White, Saffron, Green (Indian Flag Theme)
• Typography: Clear and readable fonts.
• Animations: Smooth transitions and interactive effects.

---

🚀 Tech Stack

Technology	Usage
HTML	Structure
CSS	Styling & Animations
JavaScript	Logic & Interactivity
Netlify	Hosting

---

📋 How to Contribute

If you'd like to contribute to this project, follow these steps:

1. Fork the repository.
2. Clone your forked repo.
3. Make your changes and test locally.
4. Submit a pull request with a clear description of the changes.

---

💡 Inspiration

This project aims to simplify the Indian Constitution for students preparing for school exams, competitive tests, and civic awareness programs. By turning text-heavy content into interactive games and visuals, we hope to make learning both effective and enjoyable.

---

🚧 Future Plans

• Adding Interactive Quizzes for each topic to test users' understanding.
• Implementing a Progress Tracker to show completed and pending sections.
• Enhancing Game Animations for better engagement.

---

📞 Contact

👩‍💻 Developed by:

• Nishu Pundir
• Nitesh Agarwal

📸 Instagram: @niishu.pr

• LinkedIn: LinkedIn