HobbyHub - Client Side

🔗 Live Website: https://hobbyhubss.web.app/

📚 About the Project

HobbyHub is a community-driven platform where users can create and join local hobby groups. Whether it’s painting, hiking, or gaming, users can find like-minded individuals to share their passions with.

🚀 Features

• Create, Read, Update, Delete hobby groups
• Join button disabled after group start date
• Responsive design (mobile, tablet, desktop)
• Dark/Light theme toggle
• Typewriter and animation effects
• Error 404 page and loading spinners

🛠️ Tech Stack

• React, React Router
• Tailwind CSS, DaisyUI
• Firebase Auth
• SweetAlert2, React Simple Typewriter, React Tooltip

📦 NPM Packages Used

• sweetalert2
• react-tooltip
• tailwindcss
• react-simple-typewriter
• react-icons
• react-spinners

📦 Setup Guide

✅ Prerequisites

• Node.js and npm installed
• Firebase project (for authentication)

Clone the repository:

git clone https://github.com/hamadismail/hobby-hubs-client.git
cd hobby-hubs-client

Install dependencies:

npm install

Create a .env.local file in the root and add:

VITE_apiKey=your_firebase_api_key
VITE_authDomain=your_project.firebaseapp.com
VITE_projectId=your_project_id
VITE_storageBucket=your_bucket
VITE_messagingSenderId=your_sender_id
VITE_appId=your_app_id

Start the development server:

npm run dev

📫 Contact

Feel free to reach out with any questions or feedback!

• 💻 GitHub: hamadismail

• 📧 Email: hamad.ismail.gub@gmail.com