🕺 Event Rave — Frontend

Discovering events platform. This platform allows users to browse events, manage a personal wishlist, and features a robust authentication system.

Note

The backend is hosted on a free Render instance. If the site feels slow to load initially, please wait a little bit for the server to "wake up" from its sleep state. Sometimes a manual page reload helps once the server is active.

---

🖼️ Preview

Home page

Login page

Home page for logged in user

Profile page

Search

Filering on categories page

Liked events

---

✨ Features

• Browse events with an infinite scroll experience
• Search and filter events
• Save favorite events to your personal list
• Manage personal account info
• Sign up via traditional email/password or use GitHub OAuth.
• Fully optimized for Mobile, Tablet, and Desktop.

🛠 Tech Stack

• Core: React + TypeScript + Vite
• Zustand: for local UI state
• TanStack Query: for server-state management, caching, and infinite loading
• Architecture: Feature-Sliced Design (FSD)
• Styling: module styles

🏗 Project Structure (FSD)

The project follows the Feature-Sliced Design pattern:

• app/: routes, app, etc.
• pages/: pages.
• features/: features (auth, like, profile etc. with their components, services, hooks, models)
• layouts/: header, footer etc
• shared/: reusable UI components
• config/: configuration files and constants.

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/rahilevych/event-rave

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env file in the root:

   VITE_API_URL=[your server url]
   VITE_TARGET_OAUTH_URL=[https://[your server url ]/github-auth]

4. Run the development server:

   npm run dev

🗺 What can be added

• Stripe Payment Integration for ticket booking.
• Email notifications for upcoming events.
• Map integration to see event locations.