Skip to content

Latest commit

 

History

History
96 lines (69 loc) · 3.3 KB

File metadata and controls

96 lines (69 loc) · 3.3 KB

Vortex ⚡️

Experience Real-Time Voting Like Never Before

Next.js React TypeScript TailwindCSS

📌 About

Vortex delivers a mesmerizing voting experience with fluid animations and real-time results. Built with Next.js and modern web technologies, it transforms simple polling into an engaging, interactive adventure that captivates your audience. Make decisions beautiful! 🌊

✨ Features

  • 🎯 Real-Time Voting - Experience instant vote updates
  • 🎨 Interactive UI - Beautiful wave animations and pressure-sensitive text
  • 🔒 Secure Authentication - Robust user authentication system using Passkeys🔑
  • 📱 Responsive Design - Seamless experience across all devices
  • Lightning Fast - Built with Next.js for optimal performance
  • 🌓 Dark/Light Mode - Easy on the eyes, any time of day
  • 🔔 Push Notifications - Stay updated with vote changes
  • 🌐 Internationalization - Support for multiple languages
  • 📊 Interactive Charts - Visualize voting patterns beautifully

📸 Screenshots

Dashboard View Results View

🚀 Quick Start

  1. Clone and Install
git clone https://github.com/yourusername/vortex.git
cd vortex
npm install
  1. Set Up Environment
cp .env.example .env.local
# Configure your environment variables
  1. Run Development Server
npm run dev

Your app will be running at http://localhost:8000! 🎉

🛠️ Tech Stack

  • Frontend Framework: Next.js 15.1.7
  • UI Library: React 19.0.0
  • Styling: TailwindCSS
  • Animations: React Spring
  • Components: Shadcn UI
  • Charts: Recharts
  • Date Handling: date-fns
  • Notifications: Sonner
  • Forms: React Hook Form
  • API Fetching: SWR

📱 Key Components

  • 🔐 WebAuthn Login - Passwordless authentication
  • 📊 Dynamic Polls - Create and manage polls with ease
  • 📈 Live Results - Real-time updates using Server-Sent Events
  • ✏️ Poll Creator - Intuitive interface for poll creation
  • 👁️ Poll Viewer - Beautiful presentation of polls and results

🔗 API Integration

Vortex frontend seamlessly connects with Vortex API to deliver real-time polling functionality. The API connection is managed through custom hooks that handle authentication, data fetching, and real-time updates.

🤝 Contributing

We love contributions! Please see our Contributing Guide for details.

📝 License

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

Made with ❤️ by ウトカルシュ