Welcome to ElectIQ, an interactive, step-by-step civic education platform designed to make the democratic election process transparent, engaging, and easy to understand.
🌐 Live Demo: (https://election-guide-three.vercel.app/)
- Interactive Journey Wizard: A comprehensive 5-step guide taking you from Voter Registration to Government Formation.
- Election Simulation: A custom, CSS-animated visual representation of a voter's journey through the polling booth and EVM storage.
- ElectIQ AI Assistant: An integrated chatbot answering common questions about EVMs, NOTA, secret ballots, and registration rules.
- Premium Civic Aesthetic: Designed with a bespoke "Civic Navy & Gold" palette, removing generic AI-generated imagery in favor of clean, hand-coded SVG illustrations.
- High-Craft Animations: Smooth entrance, scroll-progress, text-reveal, and blur animations powered by Framer Motion.
- Framework: React 19 + Vite
- Animations: Framer Motion & CSS Keyframes
- Styling: Vanilla CSS (CSS Variables, Flexbox, CSS Grid)
- Deployment: Vercel Ready
To run this project locally:
-
Clone the repository:
git clone https://github.com/SirjanSingh/election-proces-Education.git cd election-proces-Education -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
This project uses standard Vite configuration and is natively ready to be deployed to Vercel without any additional vercel.json configuration.
When deploying on Vercel:
- Framework Preset: Vite
- Build Command:
npm run buildorvite build - Output Directory:
dist
ElectIQ was built to step away from "synthetic" or AI-generated aesthetics. By utilizing pure CSS implementations of complex animations and hand-drawing SVGs directly into the React components, we achieve a look that feels authoritative, secure, and professional—reflecting the very nature of the democratic process.
👨💻 Author
Akash Chaudhary B.Tech IT Final Year GitHub: https://github.com/akash15072004