HobbyHub is a dynamic platform designed to help people discover, join, and manage local hobby-based communities such as book clubs, hiking groups, art circles, and more. It promotes social engagement and helps users build meaningful connections based on shared interests.
- 🔐 Authentication System: Email/password login with Google authentication using Firebase Auth. Includes form validation and toast notifications.
- 🧑🤝🧑 Group Management: Users can create, update, and delete hobby groups. Groups are displayed with join restrictions based on start date.
- 🎨 Modern UI/UX Design: Built with Tailwind CSS and DaisyUI for responsiveness and component styling. Includes dark/light theme toggle.
- ⚙️ Protected Routes: Create, update, and my groups pages are accessible only to authenticated users.
- 🎥 Interactive Animations: Lottie animations and React CountUp enhance visual appeal.
- 🧠 User Feedback: SweetAlert and React Toastify are used for success and error messages instead of browser alerts.
- 📦 Backend Integration: MongoDB is used to store group data. Secure routes are implemented using Express.js.
- 📱 Fully Responsive: Mobile-first responsive design works across devices (mobile, tablet, desktop).
- React
- React Router DOM
- Firebase Authentication
- Tailwind CSS & DaisyUI
- React Toastify
- SweetAlert2
- Lottie React
- React CountUp
- React Tooltip
- Node.js
- Express.js
- MongoDB
- CORS
- Dotenv (Environment variables for security)