IndiaCon Quest

Play. Learn. Uphold the Constitution.

Comment

IndiaCon Quest

Inspiration

IndiaCon Quest was born from a desire to make the Constitution of India more accessible, engaging, and memorable—especially for students and young citizens. While textbooks often present civics in a rigid, formal tone, we aimed to transform this essential knowledge into interactive, game-based learning that could spark curiosity and civic responsibility.

We were inspired by platforms like iCivics (USA) and India’s own ConQuest, but we wanted to go a step further—build a playable experience that teaches not just facts, but also core constitutional values such as:

  • Justice
  • Liberty
  • Equality
  • Fraternity

These values, enshrined in the Preamble of the Constitution, serve as guiding principles throughout the design and gameplay of IndiaCon Quest.

What it does

IndiaCon Quest transforms constitutional education into an immersive gaming experience. Users can:

  • Play games based on actual Articles of the Constitution (e.g., Preamble, Article 51A, Articles 324–329)
  • Solve puzzles, manage elections, or track civic duties through simulations
  • Download and read the full Indian Constitution
  • Explore values like justice, liberty, equality, and fraternity through play

It makes civic learning fun, interactive, and deeply connected to real-world democratic values.

How we built it

Frontend
Built using HTML5, Tailwind CSS, and JavaScript for responsive design and dynamic interaction.

Game Logic

  1. Hangman: Custom keyword system with hint logic
  2. Preamble Puzzle: Token reordering and drag or tap interface
  3. Election Trail: Ethical decision trees with weighted scoring

Content Mapping
Each game ties directly to specific constitutional Articles.

Deployment
Live on Netlify, version-controlled with GitHub.

Assets
Constitution PDF sourced from the official legislative.gov.in website.

Challenges we ran into

  • Striking the right balance between educational accuracy and fun gameplay
  • Designing for mobile-friendliness and accessibility
  • Crafting probability-based scoring systems for ethics-based decision-making
  • Condensing a vast Constitution into playable, focused segments

Accomplishments that we're proud of

  • Created a fully playable suite of 5+ educational games in a short timeframe
  • Successfully mapped gameplay elements to actual Articles and clauses
  • Designed a learning experience that teaches through play, not lectures
  • Represented the spirit of Indian democracy in a digital-native format

What we learned

  • How to translate legal and civic principles into interactive UX
  • Building scalable game modules with modular logic
  • Maintaining factual integrity while designing for engagement
  • Working as a team across design, development, and content under tight deadlines

What's next for IndiaCon Quest

  • Add multiplayer mode for collaborative or competitive civics learning
  • Implement progress analytics for classrooms or civic competitions
  • Partner with schools, NGOs, or civic education bodies
  • Translate content into regional Indian languages for greater reach
  • Add more mini-games covering lesser-known Articles or amendments

Built With

  • babel-core-7.22.0
  • babel-loader-9.1.0
  • babel/preset-react-7.22.0
  • cdn
  • copywebpackplugin
  • css-loader-6.8.0
  • css3
  • git
  • html5
  • htmlwebpackplugin-5.5.0
  • https
  • javascript-(es6+)
  • jsx
  • kiro
  • netlify
  • netlify-cli
  • node.js-18+
  • npm
  • phaser-3.70.0
  • react-18.2.0
  • react-dom-18.2.0
  • react.lazy()
  • react.suspense
  • ssl-certificates
  • style-loader-3.3.0
  • web-audio-api
  • webpack-5.88.0
  • webpack-bundle-analyzer-4.10.2
  • webpack-dev-server-4.15.0
Share this project:

Updates