https://github.com/sajjadsajux/eventbangla
Event Bangla is a responsive web app to discover, explore, and book local events across Bangladesh with easy sign-in and real-time booking features.
https://github.com/sajjadsajux/eventbangla
css3 daisyui expressjs firebase html5 javascript mongodb netlify react react-router tailwindcss vercel
Last synced: 3 months ago
JSON representation
Event Bangla is a responsive web app to discover, explore, and book local events across Bangladesh with easy sign-in and real-time booking features.
- Host: GitHub
- URL: https://github.com/sajjadsajux/eventbangla
- Owner: sajjadsajux
- Created: 2025-06-25T03:06:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T12:24:37.000Z (about 1 year ago)
- Last Synced: 2025-06-25T13:24:30.052Z (about 1 year ago)
- Topics: css3, daisyui, expressjs, firebase, html5, javascript, mongodb, netlify, react, react-router, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://eventbangla.netlify.app/
- Size: 150 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎉 Event Bangla — Find Your Next Celebration, Right Here in Bangladesh!
**Event Bangla** is a modern, responsive single-page web application (SPA) where users can discover, explore, and reserve seats for local events including conferences, workshops, concerts, sports, exhibitions, and more — all tailored for audiences in Bangladesh. The platform provides a seamless and intuitive interface for browsing trending events, viewing detailed information, and booking tickets in real time. Designed with accessibility and user-friendliness in mind, Event Bangla enhances the event discovery experience for every user — whether you're looking for entertainment, knowledge, or cultural enrichment.
---
### 🖼️ Screenshot
---
### 🛠️ Technologies Used
#### Frontend
* HTML, CSS
* Tailwind CSS
* DaisyUI
* React
* React Router
* Swiper.js
* AOS (Animate On Scroll)
#### Backend & Authentication
* Node.js
* Express.js
* MongoDB
* Firebase
#### UI & Enhancements
* React Icons
* React Toastify
* React Spinners
* React CountUp
* Mamba UI
* Kitwind
---
### ✨ Key Features
* 🔐 Firebase Authentication – Secure login/signup with email & password
* 🔒 Protected Routes – Access control for pages like Booking and Profile
* 🎟️ Book Event Seats – Reserve your spot with real-time feedback
* 👤 User Profile Management – Update display name and profile picture
* 🖼️ Swiper Slider – Highlight featured events in a smooth carousel
* 🎥 AOS Animations – Scroll-based fade-in/zoom-in UI effects
* 🍞 Toast Notifications – Real-time messages for actions and errors
* ⏳ Loading Spinners – User-friendly loading during data fetch
* 📈 Animated Counters – Display event/user stats dynamically
* 📱 Responsive Design – Optimized for all device sizes
---
### 📦 Dependencies Used
* @tailwindcss/vite: ^4.1.5
* aos: ^2.3.4
* daisyui: ^5.0.35
* firebase: ^11.6.1
* react: ^19.0.0
* react-countup: ^6.5.3
* react-dom: ^19.0.0
* react-icons: ^5.5.0
* react-router: ^7.5.3
* react-spinners: ^0.17.0
* react-toastify: ^11.0.5
* swiper: ^11.2.6
* tailwindcss: ^4.1.5
---
### 🗖️ Run Locally
1. **Clone the Repository**
```bash
git clone https://github.com/your-username/event-bangla.git
cd event-bangla
```
2. **Install Dependencies**
```bash
npm install
```
3. **Setup Environment Variables**
Create a `.env` file in the root and add:
```env
VITE_apiKey=your_firebase_api_key
VITE_authDomain=your_project.firebaseapp.com
VITE_projectId=your_project_id
VITE_storageBucket=your_project.appspot.com
VITE_messagingSenderId=your_sender_id
VITE_appId=your_app_id
```
4. **Start Development Server**
```bash
npm run dev
```
---
### 🔗 Live Site
* [Visit Event Bangla](https://eventbangla.netlify.app/)
---
### 💬 Feedback & Contributions
Thank you for checking out **Event Bangla**!
If you find bugs, have ideas, or want to contribute — feel free to open an issue or submit a pull request.
Your suggestions are always welcome