https://github.com/apolo-itnet/evently-client
Evently is a frontend-only event discovery web app where users can browse local events by category, view event details, and experience smooth UI animations. Includes protected routes, Firebase Auth, and a responsive design.
https://github.com/apolo-itnet/evently-client
aos-animation daisyui firebase-auth react-router reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
Evently is a frontend-only event discovery web app where users can browse local events by category, view event details, and experience smooth UI animations. Includes protected routes, Firebase Auth, and a responsive design.
- Host: GitHub
- URL: https://github.com/apolo-itnet/evently-client
- Owner: apolo-itnet
- Created: 2025-06-25T11:28:39.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-25T11:34:57.000Z (12 months ago)
- Last Synced: 2025-06-25T12:31:08.604Z (12 months ago)
- Topics: aos-animation, daisyui, firebase-auth, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://bdevents.netlify.app
- Size: 146 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
Welcome to **Event Explorer**, a modern frontend-only web application where users can discover, explore, and view details about local events based on category, location, and ticket availability.
---
## 🌐 Live Links
🔗 **Live Website**: https://bdevents.netlify.app
🔗 **Client GitHub**: https://github.com/apolo-itnet/Evently-Client.git
---
## 🎯 Project Purpose
This project was developed as part of a frontend web development assignment to demonstrate React-based UI skills, protected routing, and dynamic event rendering. It allows users to:
- Browse events by category
- View detailed information for each event
- Experience smooth page transitions and animations
- Access protected pages through Firebase authentication
---
## 🚀 Key Features
- 🔐 **Firebase Authentication** (Login/Logout functionality)
- 🔒 **Protected Routes** using React Router DOM
- 🖼️ **Event Listings with Filters** (Category-based filtering)
- 🔍 **Event Details Page** (ID-based dynamic routing)
- ✅ **Conditional Navigation** based on auth status
- 🧩 **AOS Animation** for smooth scroll-based effects
- 🎯 **Swiper Slider** used for event highlights or testimonials
- ⚠️ **Toast Notifications** using `react-hot-toast`
- 🌐 **Fully Responsive UI** using Tailwind CSS + DaisyUI
---
## 🧰 Tech Stack
- **React.js**
- **Tailwind CSS**
- **DaisyUI**
- **React Router DOM**
- **Firebase Auth**
- **AOS (Animate On Scroll)**
- **Swiper**
- **React Icons**
- **React Hot Toast**
---
## 📁 Project Type
> 🌟 **Frontend Only Project**
This application is fully frontend-based and hosted on **Netlify**. No backend/server/database is involved.
---
## 📦 NPM Packages Used
| Package | Purpose |
|------------------|--------------------------------------|
| `react-router` | Page navigation & route protection |
| `firebase` | Authentication (Email/Google) |
| `aos` | Scroll animation |
| `swiper` | Event slider |
| `react-hot-toast` | Toast notifications |
| `react-icons` | Iconography |
| `daisyui` | Prebuilt Tailwind UI components |
| `tailwindcss` | Utility-first styling framework |
---
### 📬 Submission
This project was submitted as Assignment-09 in the MERN Stack Developer Program.
---
### 👨💻 Developer Info
**Apolo Barua Apurbo**
💼 MERN Stack Web Developer
📧 **Email**: apolo.itnet@gmail.com
📍 **Location**: Bangladesh
---
> If you like this project, feel free to ⭐ the repo or share your feedback!