Skip to content

Developed a full-stack, real-time polling application, designed to facilitate live audience engagement. Implemented a persistent, bi-directional communication channel using web sockets, enabling instantaneous submission of votes. Developed a responsive front-end interface that listens for web socket events to dynamically render the result charts .

Notifications You must be signed in to change notification settings

bhuvanleopard/voting-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📊 Real-Time Voting System UI

A React + TypeScript component demonstrating the frontend for a live polling system. This UI is designed to handle real-time data synchronization via WebSockets, providing instantaneous poll results and dynamic data visualization.

✨ Core Features

This project is a showcase of a high-performance, real-time application frontend:

  • Real-Time Data Sync: Implemented a persistent, bi-directional communication channel using WebSockets, enabling instantaneous submission of ratings and live synchronization of poll results across all connected clients.
  • Dynamic Result Visualization: Developed a responsive front-end interface that listens for WebSocket events to dynamically render and animate result charts in real-time, providing an engaging and interactive user experience.
  • Scalable Backend Architecture: (Concept) Engineered a robust server-side application capable of managing multiple concurrent WebSocket connections, efficiently processing incoming votes, and broadcasting updates to maintain data integrity at scale.

🛠️ Tech Stack

  • Frontend: React, TypeScript
  • Styling: Tailwind CSS
  • Icons: Lucide React
  • Core Concept: WebSockets (for real-time data)

🚀 Getting Started

This project was bootstrapped with Vite.

Prerequisites

  • Node.js (v18 or newer)
  • npm or yarn

Installation & Running

  1. Clone the repository:

    git clone [https://github.com/bhuvanleopard/voting-system.git](https://github.com/bhuvanleopard/voting-system.git)
    cd voting-system
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev

    Open http://localhost:5173 (or the port specified in your terminal) to view it in the browser.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Developed a full-stack, real-time polling application, designed to facilitate live audience engagement. Implemented a persistent, bi-directional communication channel using web sockets, enabling instantaneous submission of votes. Developed a responsive front-end interface that listens for web socket events to dynamically render the result charts .

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published