{"id":29092268,"url":"https://github.com/ratul8863/hoby-hub-client","last_synced_at":"2026-05-07T06:32:18.872Z","repository":{"id":301535521,"uuid":"1009560998","full_name":"Ratul8863/Hoby-hub-client","owner":"Ratul8863","description":"HobbyHub – MERN SPA to explore, join, and manage local hobby groups. Built with React \u0026 Firebase.","archived":false,"fork":false,"pushed_at":"2025-06-27T10:35:47.000Z","size":140,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-27T11:39:54.322Z","etag":null,"topics":["daisyui","firebase","react","recharts","tailwindcss"],"latest_commit_sha":null,"homepage":"https://hobyhub-by-ratul.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ratul8863.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-27T10:30:34.000Z","updated_at":"2025-06-27T10:35:50.000Z","dependencies_parsed_at":"2025-06-27T11:50:15.447Z","dependency_job_id":null,"html_url":"https://github.com/Ratul8863/Hoby-hub-client","commit_stats":null,"previous_names":["ratul8863/hoby-hub-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ratul8863/Hoby-hub-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ratul8863%2FHoby-hub-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ratul8863%2FHoby-hub-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ratul8863%2FHoby-hub-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ratul8863%2FHoby-hub-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ratul8863","download_url":"https://codeload.github.com/Ratul8863/Hoby-hub-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ratul8863%2FHoby-hub-client/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262389459,"owners_count":23303341,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisyui","firebase","react","recharts","tailwindcss"],"created_at":"2025-06-28T07:04:39.106Z","updated_at":"2026-05-07T06:32:18.802Z","avatar_url":"https://github.com/Ratul8863.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎯 HobbyHub: A Local Hobby Group Organizer\n\n**Live Site:** [https://hobyhub-by-ratul.web.app](https://hobyhub-by-ratul.web.app)\n\n**HobbyHub** is a full-stack web application where users can discover, join, and create local hobby-based groups such as book clubs, hiking teams, and painting circles. It promotes social interaction through shared interests and helps people form real-world connections.\n\n---\n\n![Project Screenshot](https://i.ibb.co/MDfw3p23/Screenshot-2025-06-27-163441.png)\n\n---\n\n## 🚀 Features\n\n- 🔐 Authentication (Email/Password + Google Login)\n- 📆 Create and Manage Hobby Groups\n- 👥 Join and View Group Details\n- 🗂️ Filter My Groups (Only Your Created Ones)\n- 🌓 Dark/Light Theme Toggle\n- 🧩 Smooth Animations with Lottie and Awesome Reveal\n- 🛡️ Protected Routes for Private Pages\n- ⚠️ 404 Not Found Page + Loading Spinner\n- 📱 Responsive Design for Mobile, Tablet \u0026 Desktop\n- 🔒 JWT-based secure route access (HttpOnly Cookie)\n\n---\n\n## 🛠️ Tech Stack\n\n### 🔹 Client\n\n![React](https://img.shields.io/badge/React.js-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![Firebase](https://img.shields.io/badge/Firebase_Auth-FFCA28?style=for-the-badge\u0026logo=firebase\u0026logoColor=black)\n![TailwindCSS](https://img.shields.io/badge/TailwindCSS-06B6D4?style=for-the-badge\u0026logo=tailwindcss\u0026logoColor=white)\n![DaisyUI](https://img.shields.io/badge/DaisyUI-5A0FC8?style=for-the-badge\u0026logo=daisyui\u0026logoColor=white)\n![React Router](https://img.shields.io/badge/React_Router_DOM-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)\n![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n![Lottie](https://img.shields.io/badge/Lottie-000000?style=for-the-badge\u0026logo=lottie\u0026logoColor=00C1CC)\n![Awesome Reveal](https://img.shields.io/badge/React_Awesome_Reveal-purple?style=for-the-badge\u0026logo=react\u0026logoColor=white)\n![React Tooltip](https://img.shields.io/badge/React_Tooltip-000000?style=for-the-badge\u0026logo=react\u0026logoColor=white)\n![SweetAlert2](https://img.shields.io/badge/SweetAlert2-FF4154?style=for-the-badge\u0026logo=sweetalert\u0026logoColor=white)\n![React Toastify](https://img.shields.io/badge/React_Toastify-1B1F23?style=for-the-badge\u0026logo=react\u0026logoColor=white)\n\n### 🔹 Server\n\n![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white)\n![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge\u0026logo=express\u0026logoColor=white)\n![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white)\n![Mongoose](https://img.shields.io/badge/Mongoose-880000?style=for-the-badge\u0026logo=mongoose\u0026logoColor=white)\n![CORS](https://img.shields.io/badge/CORS-4B32C3?style=for-the-badge\u0026logo=fastify\u0026logoColor=white)\n![dotenv](https://img.shields.io/badge/dotenv-000000?style=for-the-badge\u0026logo=dotenv\u0026logoColor=green)\n![Cookie Parser](https://img.shields.io/badge/Cookie_Parser-ffca28?style=for-the-badge\u0026logo=cookiecutter\u0026logoColor=black)\n\n---\n\n- Step 1: Clone the client repository\n  --git clone https://github.com/yourusername/hobbyhub-client.git\n\n- Step 2: Navigate into the project folder\n--cd hobbyhub-client\n  \n- Step 3: Install dependencies\nnpm install\n\n- Step 4: Create a `.env` file with the following variables\nVITE_apiKey=your_api_key\nVITE_authDomain=your_auth_domain\nVITE_projectId=your_project_id\nVITE_storageBucket=your_storage_bucket\nVITE_messagingSenderId=your_messagingSenderId\nVITE_appId=your_appId\n\n\n- Step 5: Run the development server\nnpm run dev\n\n\n## 📦 Dependencies (Client)\n\n```bash\naxios\nfirebase\nreact-router-dom\nreact-icons\nsweetalert2\nreact-toastify\nlottie-react\nreact-awesome-reveal\nreact-tooltip\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fratul8863%2Fhoby-hub-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fratul8863%2Fhoby-hub-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fratul8863%2Fhoby-hub-client/lists"}