https://github.com/mostakim69/hobbyhub
HobbyHub is a platform where people can discover and join local hobby-based groups (e.g., book clubs, hiking crews, painting circles) or create their own. It encourages social engagement through shared interests, helping people build communities around their passions..
https://github.com/mostakim69/hobbyhub
daisyui firebas firebase-auth html5 javascript mongodb react react-icons react-router swalalert2 tailwindcss vercel
Last synced: 27 days ago
JSON representation
HobbyHub is a platform where people can discover and join local hobby-based groups (e.g., book clubs, hiking crews, painting circles) or create their own. It encourages social engagement through shared interests, helping people build communities around their passions..
- Host: GitHub
- URL: https://github.com/mostakim69/hobbyhub
- Owner: Mostakim69
- Created: 2025-06-26T05:45:21.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-27T06:31:40.000Z (12 months ago)
- Last Synced: 2025-06-27T07:37:49.271Z (12 months ago)
- Topics: daisyui, firebas, firebase-auth, html5, javascript, mongodb, react, react-icons, react-router, swalalert2, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://happy-family-4d585.web.app/
- Size: 230 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍽️ HobbyHub Web App
Welcome to **HobbyHub**,HobbyHub is a community-driven web platform that allows users to create, join, and manage local hobby-based groups. Whether you're into painting, gaming, hiking, or coding, HobbyHub helps you connect with like-minded individuals in your area.
---
## 📌 Project Overview
| Detail | Information |
| ---------------------- | ---------------------------------------------------------------------------------- |
| **GitHub Client site** | [HobbyHub-client](https://github.com/Mostakim69/HobbyHub) |
| **Live Site client** | [HobbyHub-firebase](https://happy-family-4d585.web.app/) |
| **GitHub server site** | [HobbyHub-server](https://github.com/Mostakim69/HobbyHub-server) |
| **Portfolio GitHub** | [Md Mostakim Hosen-portfolio](https://github.com/Mostakim69/My-Portfolio-Website) |
| **Portfolio Live** | [Firebase-live](https://my-portfolio-website-9ba5f.web.app/) |
| **Created On** | 20 May 2025, 10:32 AM GMT+6 |
| **Location** | Mohanpur, Rajshahi, Bangladesh |
## 🌐 Live Site
[🔗 Deployed App](#) _(https://happy-family-4d585.web.app/)_
---
## 📁 Project Structure
Here's a high-level overview of the project's file structure:
```
.
├── public/ # Static assets (favicon, CNAME, vite.svg)
├── dist/ # Production build
├── src/ # Main application source code
│ ├── animation/ # Lottie files and animation components
│ ├── assets/ # Images, logos, and JSON
│ ├── components/ # Reusable UI components (Header, Banner, Footer)
│ ├── hooks/ # Custom React hooks
│ ├── Layout/ # Route layouts
│ ├── modules/ # Domain-based modules
│ │ ├── auth/ # Authentication
│ │ ├── blogs/ # Blog system
│ │
│ ├── pages/ # Page components
│ ├── provider/ # Context Providers (Auth)
│ ├── Routes/ # Routing logic
│ ├── index.css # Tailwind styles
│ ├── App.jsx # Main App component
│ └── main.jsx # App bootstrap
├── README.md # You're here
├── vite.config.js # Vite configuration
├── eslint.config.js # Linting rules
└── package.json # Project metadata
```
---
## 🧭 Routing Structure (with Layouts)
### 🔐 Auth Layout
- `/login` → `Login.jsx`
- `/register` → `Register.jsx`
- `/forgot-password` → `ForgotPassword.jsx`
### 🏠 Main Layout (Landing Pages)
- `/` → `Home.jsx`
- `/about` → `About.jsx`
- `/contact` → `Contact.jsx`
- `/faq` → `Faq.jsx`
- `/privacy-policy` → `PrivacyPolicy.jsx`
- `/terms-and-conditions` → `TermsCondintion.jsx`
### 📚 Blog Feature (via `BlogsLayout.jsx`)
- `/blogs` → `Blogs.jsx`
- `/blogs/:id` → `BlogDetails.jsx`
- `/create-blog` → `CreateBlog.jsx`
### 👤 Profile
- `/my-profile` → `MyProfile.jsx`
- `/update-profile` → `UpdateProfile.jsx`
---
## 🔑 Features
### ✅ Authentication
- Firebase Auth integration
- Login, Register, Forgot Password
- Auth-protected routes
### 📝 Blog System
- View all blogs
- Blog details with comments, read time, tags
- Create and share new blogs
---
## 🛠️ Tech Stack
- **Frontend**: React.js, Tailwind CSS
- **Routing**: React Router
- **Forms**: React Hook Form, React Day Picker
- **State Management**: React Context API (AuthProvider)
- **Animations**: Lottie
- **Toast Notifications**: React Hot Toast
- **Deployment**: GitHub Pages / Vercel / Netlify (configure as needed)
- **Build Tool**: Vite
---
## 📦 Installation
```bash
bun install # or npm install
bun run dev # or npm run dev
```
---
## 📌 TODOs
- ***
## 👏 Credits
- Design inspired by classic cooking & recipe books
- Icons via Lucide and Heroicons
- Lottie animations from LottieFiles
---
## 📄 License
This project is licensed under the MIT License.
---
Made with ❤️ for food enthusiasts and aspiring chefs.
> "Food is symbolic of love when words are inadequate." — Alan D. Wolfelt
----- preivous version ------
---
---
## 🚀 Features
### 🔐 Authentication & Security
- **Email/Password Login**: Secure user authentication via Firebase.
- **Google Sign-In**: Quick access using Google accounts.
- **Protected Routes**: Restricts access to sensitive pages like profile and recipe details.
- **Password Reset**: Users can reset passwords through email verification.
### 👤 User Profile
- **Profile Page**: View and edit user information, including display name and photo.
- **Update Profile**: Modify personal details securely.
### 📄 Additional Pages
- **About**: Learn more about FlavorBook.
- **Contact**: Get in touch with the team.
- **FAQ**: Frequently Asked Questions.
- **Privacy Policy**: Understand how user data is handled.
- **Terms & Conditions**: Legal information regarding the use of FlavorBook.
### 🎨 UI/UX Enhancements
- **Responsive Design**: Optimized for various devices.
- **Tailwind CSS & DaisyUI**: Utilized for styling and component design.
- **Lottie Animations**: Engaging animations for better user experience.
- **Swiper**: Interactive sliders for showcasing content.
---
## 
A Little More About Me...
Hello i'm Md Mostakim Hosen.
I'm a passionate Frontend Developer with a strong focus on creating clean, responsive, and user-friendly web interfaces. I enjoy building modern web applications using technologies like HTML, CSS, JavaScript, React.js, and Tailwind CSS. I believe in writing readable code, maintaining UI consistency, and ensuring a smooth user experience across all devices. I'm always eager to learn new tools and improve my skills to deliver better results.
```javascript
const mostakim = {
pronouns: "he" | "him",
code: [Javascript, Typescript, HTML, CSS, Python, Java],
tools: [React, Node, Storybook, Styled-Components],
architecture: ["microservices", "event-driven", "design system pattern"],
techCommunities: {
coorganizer: "AfroPython",
speaker: "Latinity",
mentor: "EducaTRANSforma"
},
challenge: "I am doing the #100DaysOfCode challenge focused on react and typescript"
}
```
## 🌐 Socials:
[](mailto:mdmostakimhosen35@gmail.com)
[](https://facebook.com/MostakimHosennnn)
[](https://discord.gg/mostakim520807) [](https://instagram.com/posterboy3369) [](https://linkedin.com/in/test) [](https://pinterest.com/mdmostakimhosen35) [](https://tiktok.com/@posterboy369) [](https://x.com/test) [](https://youtube.com/@PosterBoy3369)
# 💻 Tech Stack:
                    
# 📊 GitHub Stats:
---