An open API service indexing awesome lists of open source software.

https://github.com/k0msenapati/real-time-voting-app

🗳️ Real-time voting app with live updates, ⚡ powered by Fluvio and SSE...
https://github.com/k0msenapati/real-time-voting-app

fluvio nodejs ts vote

Last synced: over 1 year ago
JSON representation

🗳️ Real-time voting app with live updates, ⚡ powered by Fluvio and SSE...

Awesome Lists containing this project

README

          

# **Real-Time Vote App** 🎉

![Real-Time Vote App](https://socialify.git.ci/kom-senapati/real-time-voting-app/image?font=KoHo&name=1&owner=1&pattern=Diagonal%20Stripes&theme=Light)

## **Description:**

The Real-Time Vote App provides a seamless voting experience with live updates using Fluvio and Server-Sent Events (SSE). Users can cast their votes in real-time and watch as the results update dynamically. This application showcases modern web technologies and real-time data handling, making voting engaging and immediate.

## **Tech Stack:**

[![My Skills](https://skillicons.dev/icons?i=ts,nodejs,expressjs,html,tailwindcss)](https://skillicons.dev)

- Chart JS
- Fluvio

## **Features:**

- **Real-Time Voting:** 🗳️ See live updates on voting results as votes are cast.
- **Dynamic Charting:** 📊 View and interact with real-time charts using Chart.js.

Screenshots:

![image](https://github.com/user-attachments/assets/9acee59c-70b8-4241-90ed-110c942e079d)
![image](https://github.com/user-attachments/assets/d086a687-9d91-4aec-9430-eb7a9cfcfe7b)
![image](https://github.com/user-attachments/assets/9b1ca939-faf4-41c3-b41c-0f37333fed90)

## **Demo Video:**

[![YouTube](http://i.ytimg.com/vi/vIrSBFoPjvk/hqdefault.jpg)](https://www.youtube.com/watch?v=vIrSBFoPjvk)

## **Getting Started:**

To get started with the Real-Time Vote App:

1. **Install Fluvio**: Open Terminal and run the following command:

```bash
curl -fsS https://hub.infinyon.cloud/install/install.sh | bash
```

2. **Add Fluvio to your path**:

```bash
echo 'export PATH="${HOME}/.fvm/bin:${HOME}/.fluvio/bin:${PATH}"' >> ~/.bashrc
echo 'source "${HOME}/.fvm/env"' >> ~/.bashrc
```

3. **Source the new .bashrc file**:

```bash
source ~/.bashrc
```

4. **Start the Fluvio cluster and create a topic**: Follow the instructions at [Fluvio GitHub](https://github.com/infinyon/fluvio):

```bash
fluvio cluster start
fluvio topic create vote-topic
```

5. **Install dependencies**:

```bash
npm install
```

6. **Run the development server**:
```bash
npm run dev
```

## **About the Author:**

Hi, I'm K Om Senapati! 👋
Connect with me on [LinkedIn](https://www.linkedin.com/in/kom-senapati/), [X](https://x.com/kom_senapati) and check out my other projects on [GitHub](https://github.com/kom-senapati).