https://github.com/fatemaony/jasmine

Event Explorer is a vibrant single-page app for discovering local events like tech talks, art shows, sports, and workshops. Users can log in, view event details, reserve seats, and manage their profiles.
https://github.com/fatemaony/jasmine

daisyui firebase javascript react-icons react-router reactjs tailwindcss

Last synced: 3 months ago
JSON representation

Event Explorer is a vibrant single-page app for discovering local events like tech talks, art shows, sports, and workshops. Users can log in, view event details, reserve seats, and manage their profiles.

• Host: GitHub
• URL: https://github.com/fatemaony/jasmine
• Owner: fatemaony
• Created: 2025-06-25T10:14:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-25T10:20:12.000Z (about 1 year ago)
• Last Synced: 2025-06-25T11:27:21.619Z (about 1 year ago)
• Topics: daisyui, firebase, javascript, react-icons, react-router, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://gleaming-moonbeam-e0c32a.netlify.app
• Size: 70.3 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎉 Event Explorer – A Local Event Discovery Platform

**Live URL:** [https://event-explorer.netlify.app](https://gleaming-moonbeam-e0c32a.netlify.app/)

## 🌟 Project Purpose

**Event Explorer** is a vibrant, urban-themed single-page web application that allows users to discover and explore upcoming local events, including tech conferences, art exhibitions, sports, workshops, and more. Users can log in, view detailed event info, reserve seats, leave feedback, and manage their profile—all in one place.

---

## 🚀 Key Features

- 🔐 **Firebase Authentication** with email/password and Google login.

- 🖼️ **Dynamic Home Page** featuring a Swiper slider and a JSON-driven event card section.

- 📅 **Protected Event Details Page** with a functional seat reservation form.

- 🧍‍♂️ **My Profile Page** where users can view and update their name/photo using Firebase’s `updateProfile()`.

- 🎯 **Responsive Design** compatible with mobile, tablet, and desktop.

- 🔁 **Persistent Login State** using `onAuthStateChanged` for user info across reloads.

- 🔒 **Private Routes** with full reload protection using `react-router` and Firebase.

- 👁️ **Password Toggle** on registration page for improved UX.

- 📧 **Forget Password** functionality with dynamic email detection.

- 🪄 **AOS Animation Integration** for engaging UI transitions.

- 🌍 **Dynamic Page Titles** based on route content.

---

## 🧩 Technologies & Packages

### 🖥️ Frontend:

- React.js

- Tailwind CSS + DaisyUI

- React Router DOM

- Firebase Auth

- Swiper Slider (for homepage carousel)

- AOS (Animate On Scroll)

### 📦 NPM Packages Used:

- `react-router-dom`

- `firebase`

- `swiper`

- `aos`

- `react-icons`

- `react-toastify` or `sweetalert2`

---

## 🙋‍♀️ Author

**Fatema Akter**  

📧 [fatema77095@gmail.com]