🌟 Hobby Hub

Welcome to Hobby Hub, a vibrant platform where hobbyists from all walks of life can discover, create, and join interest-based groups in their local community. Whether it's painting, photography, gaming, or reading – there's a hub for everyone!

---

📸 Preview

---

🌐 Live Demo

🔗 Live Website
🔗 Backend Server

---

🎯 Purpose

To create a centralized platform for hobby enthusiasts to connect, collaborate, and grow communities based on shared interests, with smooth UI and full CRUD capabilities for managing hobby groups.

---

🚀 Key Features

• 🔐 Authentication & Authorization

  • Email/password-based login & signup
  • Context API-based auth management

• 📁 Group Management

  • Create, update, delete groups
  • Categorized group listing

• 👥 My Groups Dashboard

  • View and manage created groups
  • Real-time UI updates on group changes

• 🎨 UI & UX

  • Fully responsive design using Tailwind CSS & DaisyUI
  • Enhanced UI with:
    • Lottie React
    • React Awesome Reveal
    • React Simple Typewriter
    • React Tooltip

---

🛠️ Tech Stack

• Frontend: React, Tailwind CSS, DaisyUI, React Router DOM
• Animations: Lottie, React Awesome Reveal, React Simple Typewriter
• Icons: React Icons
• Backend: Node.js, Express.js, MongoDB
• Deployment: Netlify (Frontend), Vercel (Backend)

---

📦 Dependencies

Package	Purpose
react-router-dom	Routing
react-icons	Icons
lottie-react	Lottie animations
react-awesome-reveal	Animation on scroll
react-simple-typewriter	Typing animation
react-tooltip	Tooltip functionality
tailwindcss	Utility-first CSS framework
daisyui	Tailwind-based UI components
express	Backend server
mongodb	Database
cors	Cross-origin resource sharing
dotenv	Environment variable support

---

⚙️ Installation Guide

🔧 Frontend Setup

git clone https://github.com/mdshahariarhafizofficial/hobby-hub.git
cd hobby-hub
npm install
npm run dev

🖥 Backend Setup

git clone https://github.com/mdshahariarhafizofficial/hobby-hub-server.git
cd hobby-hub-server
npm install
# Create .env file with your MongoDB URI and other configs
npm start

⚠️ Make sure to configure the .env file properly before running the backend server.

---

🧪 Upcoming Improvements

• 🔍 Search & Filter Functionality
• 👤 User Profiles
• ➕ Group Joining System
• 🔔 Notification System

---

👨‍💻 Developer

Md. Shahariar Hafiz
📧 Email: shahariar.works@gmail.com
🔗 GitHub: mdshahariarhafizofficial

---

📌 License

This project is licensed under the MIT License.