Skip to content

Latest commit

Β 

History

16 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ—³οΈ VoteFlow β€” Modern MERN Online Voting Platform

A modern full-stack voting platform built using the MERN stack with secure authentication, Redux state management, interactive poll visualization, and a redesigned Apple-inspired minimalist UI.

Designed to simulate a scalable real-world voting application with secure backend architecture and a premium frontend experience.


✨ Live Demo

πŸ”— https://online-voting-system-dusky-eight.vercel.app/


πŸ“Έ Preview

Add your screenshots here after deployment

Homepage

Modern Apple-style landing page with responsive poll cards

Voting Interface

Interactive live voting experience with clean UI

Poll Analytics

Dynamic chart visualization using Chart.js

Authentication

Secure login and signup flow using JWT


πŸš€ Features

πŸ” Authentication & Security

  • JWT-based authentication
  • Protected routes
  • Secure user sessions
  • Backend validation and middleware architecture

πŸ—³οΈ Voting System

  • Create polls dynamically
  • Vote in real time
  • Interactive poll result visualization
  • One-click voting interface
  • Dynamic vote updates

🎨 Modern Frontend Experience

  • Apple-inspired minimalist UI
  • Glassmorphism design system
  • Responsive layout
  • Modern typography using Inter
  • Smooth hover animations
  • Clean card-based architecture

⚑ Scalable Backend Architecture

  • RESTful API structure
  • Modular Express architecture
  • MongoDB database integration
  • Organized controllers and middleware
  • Redux state management

πŸ› οΈ Tech Stack

Frontend

  • React.js
  • Redux
  • React Router
  • Chart.js
  • CSS3
  • Responsive Design

Backend

  • Node.js
  • Express.js
  • JWT Authentication
  • Middleware Architecture

Database

  • MongoDB
  • Mongoose

Deployment

  • Vercel (Frontend)
  • Render / Node Server

🧠 Concepts & Skills Demonstrated

This project demonstrates practical experience with:

  • Full Stack MERN Development
  • Authentication & Authorization
  • Redux State Management
  • REST API Development
  • Secure Backend Design
  • Data Visualization
  • Responsive UI/UX Design
  • Component-Based Architecture
  • Frontend State Synchronization
  • Modern Web Application Structure

πŸ“‚ Project Structure

Online-Voting-System/
β”‚
β”œβ”€β”€ client/
β”‚   β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ containers/
β”‚   β”œβ”€β”€ pages/
β”‚   β”œβ”€β”€ store/
β”‚   β”œβ”€β”€ services/
β”‚   └── styles/
β”‚
β”œβ”€β”€ server/
β”‚   β”œβ”€β”€ controllers/
β”‚   β”œβ”€β”€ middleware/
β”‚   β”œβ”€β”€ models/
β”‚   β”œβ”€β”€ routes/
β”‚   └── services/
β”‚
└── README.md

βš™οΈ Installation & Setup

1️⃣ Clone Repository

git clone https://github.com/chandu14321/Online-Voting-System.git
cd Online-Voting-System

πŸ”§ Backend Setup

Install Dependencies

cd server
npm install

Create .env File

Inside the server folder:

PORT=5000
MONGO_URI=your_mongodb_connection
SECRET_KEY=your_secret_key

Start Backend Server

npm run dev

πŸ’» Frontend Setup

Install Dependencies

cd client
npm install

Start Frontend

npm start

πŸ“Š API Overview

Method Endpoint Description
POST /api/auth/register Register User
POST /api/auth/login Login User
GET /api/polls Fetch Polls
POST /api/polls Create Poll
POST /api/vote Cast Vote

🎨 UI Redesign (Version 2)

The frontend was redesigned with a modern premium UI inspired by Apple's design philosophy.

Improvements Included

  • Minimal clean layout
  • Glassmorphism effects
  • Modern spacing system
  • Better visual hierarchy
  • Premium typography
  • Responsive mobile design
  • Interactive hover effects
  • Cleaner chart presentation

πŸ“ˆ Future Improvements

  • Dark Mode
  • Realtime Voting with Socket.IO
  • Poll Expiration Timers
  • Admin Analytics Dashboard
  • User Profiles
  • Search & Filtering
  • Animated Statistics
  • Email Verification
  • Role-Based Admin Panel

🌐 Deployment Architecture

Service Platform
Frontend Vercel
Backend Node.js Server
Database MongoDB Atlas

πŸ‘¨β€πŸ’» Author

Gurram Siva Chandu

Full Stack Developer passionate about building scalable systems, modern UI experiences, and real-world applications.

Connect With Me

πŸ”— GitHub https://github.com/chandu14321

πŸ”— LinkedIn https://www.linkedin.com/in/chandu-gurram-0593882a1/


⭐ Project Highlights

βœ” Full Stack MERN Application βœ” Secure Authentication System βœ” Redux Architecture βœ” Interactive Data Visualization βœ” Apple-Style Modern UI βœ” Responsive Design βœ” Recruiter-Friendly Project Structure


πŸ“„ License

This project is licensed under the MIT License.

About

Full-stack MERN voting application with authentication, role-based access, and RESTful APIs for secure vote management.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages