Votify "Votify" is an easy-to-use online polling system designed for college events, competitions, and audience engagement. It allows event organizers to quickly create polls, where participants can vote on different options in real-time.
Notes from Figma Designer @amaansyed27 - https://github.com/amaansyed27 Added Figma Link for 3 pages Home, Join, Create - Issue #2 Figma Link - https://www.figma.com/design/RlhrjSkortr6FLQDRyF68k/Votify?node-id=0-1&t=QuPx6rbVaSGWdx2M-1 Guide for figma file:
- If you are working on any page, refers comments - if functionality added close the comment
- Make edits in your own figma file, exports are possible from my file
- More pages to be designed in future #AcWoC
Key Features:
- Instant Voting: Users can vote on polls quickly and easily through their phones or computers.
- Real-Time Results: As soon as votes are cast, results update live, keeping the audience engaged throughout the event.
- Simple Poll Creation: Organizers can create and manage polls with minimal effort.
- Anti-Cheating Measures: Prevents multiple votes from the same user, ensuring fair results.
- Mobile-Friendly: Designed to be accessible on any device, perfect for events where everyone is on the go.
Building Requirements (MVP) Core Features
- User Voting:
- Allow users to vote once per poll.
- Track votes via cookies or simple email sign-up.
- Poll Creation:
- Event organizers can create basic polls with a question and options.
- Set a simple timer for each poll (e.g., 5 minutes).
- Live Results:
- Show results in real-time (use basic JavaScript to update results every few seconds).
- Poll Management:
- Simple admin dashboard to start and stop polls.
- Anti-Cheating:
- Limit one vote per user by using cookies or basic login. Tech Stack
- Frontend:
- HTML, CSS, and vanilla JavaScript (no need for frameworks like React).
- Backend:
- Node.js with Express for easy setup and real-time updates using WebSockets.
- Database:
- Use MongoDB (or even JSON files) to store poll data.
- Real-Time Updates:
- Use Socket.io for real-time voting results.
- Authentication:
- Keep it simple: use cookies or email-based login for tracking votes. Design
- UI/UX:
- Simple, clean design. Use Figma to create basic wireframes (Home page, Poll page, Results page).
- Charts:
- Use Chart.js for displaying poll results in real-time (bar or pie chart).
- Animations:
- Basic transitions like smooth result updates or voting confirmation.