Live URL Firebase Client side:

https://club-sphere-client.web.app

https://club-sphere-client.web.app

Vercel URL Server side:

https://server-jet-nine-36.vercel.app/

Admin email: [email protected] - password:123456Az

clubManager email: [email protected] - password:123456Az

member email: [email protected] - password:123456Az

GitHub Repository (Server):

Public repo URL: https://github.com/mahmudanasrin078/club-sphere-server1

GitHub Repository (Client):

Public repo URL: https://github.com/mahmudanasrin078/club-sphere-client1

ClubSphere

ClubSphere is a full-stack web application designed to manage local clubs, memberships, and events. Users can register, log in, join clubs, and access role-based dashboards. The system uses Firebase Authentication and a secure backend API.

---

🔗 Key Features

• User Authentication (Email/Password & Google)
• Secure Registration with Profile Image Upload
• Role-based Dashboard (Admin, Manager, Member)
• Protected Routes using Firebase Token
• Club Creation & Viewing System
• MongoDB Database Integration

---

🛠️ Tech Stack

Frontend

• React (Vite)
• React Router DOM
• Firebase Authentication
• React Hook Form
• Axios
• Tailwind CSS
• DaisyUI
• React Icons

Backend

• Node.js
• Express.js
• MongoDB
• Firebase Admin SDK
• JWT via Firebase ID Token
• dotenv
• CORS

---

👥 User Roles

• Admin: Manage users and roles
• Manager: Create and manage clubs
• Member: View clubs and events

---

🔐 Security

• Firebase ID Token verification on server
• Protected API routes
• Role-based access control

---

📂 Project Structure

• Modular component-based frontend
• RESTful API backend
• Separate client & server environments

---

⚙️ Environment Variables

Client