https://github.com/afrinbhuiyan/gameday-local-platform
A responsive React app to explore and promote local sports events with Firebase Auth and dynamic features.
https://github.com/afrinbhuiyan/gameday-local-platform
firebase frontend react sports-events tailwindcss
Last synced: 3 months ago
JSON representation
A responsive React app to explore and promote local sports events with Firebase Auth and dynamic features.
- Host: GitHub
- URL: https://github.com/afrinbhuiyan/gameday-local-platform
- Owner: afrinbhuiyan
- Created: 2025-06-25T05:40:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T06:41:08.000Z (about 1 year ago)
- Last Synced: 2025-06-25T07:28:45.104Z (about 1 year ago)
- Topics: firebase, frontend, react, sports-events, tailwindcss
- Language: JavaScript
- Homepage: https://starlit-nougat-c89c38.netlify.app/
- Size: 2.14 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎮 GameDay Local
**GameDay Local** is a responsive, interactive frontend-only web app focused on helping users discover, explore, and engage with local sports events. Built using **React**, **Firebase**, **Vite**, and **TailwindCSS**, this app provides smooth animations, protected routes, and a great user experience.
---
## 🖼️ Project Preview
---
## 🌐 Live Link
👉 [Live Website](https://starlit-nougat-c89c38.netlify.app/)
---
## 🛠️ Main Technologies Used
- **React** – Component-based UI library
- **Vite** – Fast build tool for frontend
- **Firebase** – Authentication and backend services
- **Tailwind CSS** – Utility-first CSS framework
- **DaisyUI** – UI components for Tailwind
- **Framer Motion** – Declarative animations
- **Recharts** – Data visualizations
- **Swiper.js** – Sliders and carousels
---
## 🚀 Main Features
- 🔐 **Firebase Authentication** – User login, registration, and route protection
- 🔎 **Search and Filter** – Quickly find relevant events
- 🖼 **Event Cards** – Display event info beautifully
- 🎨 **Responsive Design** – Fully optimized for mobile and desktop
- ✨ **Animations** – Smooth transitions using Framer Motion
- 📊 **Charts** – Visualized stats with Recharts
- 🧩 **Reusable Components** – Header, Footer, Layouts, etc.
---
## 📦 Key Dependencies
| Package | Purpose |
|----------------------|--------------------------------------|
| `react` | UI library |
| `react-dom` | DOM rendering |
| `react-router-dom` | Page routing |
| `firebase` | Authentication backend |
| `tailwindcss` | CSS styling |
| `daisyui` | UI components |
| `framer-motion` | Animations |
| `react-toastify` | Notification toasts |
| `recharts` | Charts and graphs |
| `swiper` | Sliders and carousels |
---
## 💻 How to Run This Project Locally
1. **Clone the Repository**
```bash
git clone https://github.com/afrinbhuiyan/gameday-local-platform.git
```
2. **Navigate to the Project**
```bash
cd gameday-local-platform
```
3. **Install Dependencies**
```bash
npm install
```
4. **Run the Development Server**
```bash
npm run dev
```
> 🌐 Open `http://localhost:5173` in your browser.
---
## 📈 Relevant Stats
- 🔄 GitHub Contributions
- 💬 Language Usage Breakdown
- 🔥 GitHub Streak
*(Optional — add using GitHub Stats APIs if you'd like)*
---
## 🧠 Author
**Mst Afrin**
📍 Dhaka, Bangladesh
✉️ mstafrinbhuiyan@gmail.com
🔗 [GitHub](https://github.com/afrinbhuiyan)
---
✅ *Feel free to fork or contribute to this project. Pull requests are welcome!*
---
© 2025 **Mst Afrin** — Built with ❤️ and React