{"id":25213880,"url":"https://github.com/tareqahmed2/buildinghub-client-side","last_synced_at":"2026-04-11T09:45:24.435Z","repository":{"id":275830484,"uuid":"927323933","full_name":"tareqahmed2/buildingHub-client-side","owner":"tareqahmed2","description":"It's a project where user can book the apartment, they can make payment , and also here is a admin who can maintain the overall application","archived":false,"fork":false,"pushed_at":"2025-02-18T15:25:22.000Z","size":9601,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-18T16:29:14.867Z","etag":null,"topics":["daisyui","firebase","js","jwt","react","stripe","tailwind"],"latest_commit_sha":null,"homepage":"https://buildinghub.netlify.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/tareqahmed2.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}},"created_at":"2025-02-04T19:12:04.000Z","updated_at":"2025-02-18T15:25:25.000Z","dependencies_parsed_at":"2025-02-04T20:40:44.070Z","dependency_job_id":null,"html_url":"https://github.com/tareqahmed2/buildingHub-client-side","commit_stats":null,"previous_names":["tareqahmed2/buildinghub-client-side"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2FbuildingHub-client-side","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2FbuildingHub-client-side/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2FbuildingHub-client-side/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2FbuildingHub-client-side/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tareqahmed2","download_url":"https://codeload.github.com/tareqahmed2/buildingHub-client-side/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247307742,"owners_count":20917533,"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","js","jwt","react","stripe","tailwind"],"created_at":"2025-02-10T16:57:52.104Z","updated_at":"2026-04-11T09:45:24.404Z","avatar_url":"https://github.com/tareqahmed2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Building Management System - Frontend\n\n![Homepage Screenshot](./src/assets/readmebanner.png)\n\n## Project Overview\n\nThe **Building Management System (BMS)** is designed to simplify the management of a single building by providing seamless experiences for both users and admins. This project emphasizes user-friendly navigation, responsive design, and advanced functionalities.\n\n---\n\n## 🔗 **Live Site URL**\n\n[https://buildinghub.netlify.app](#)\n\n---\n\n---\n\n## 🔗 Collect this email for see the admin route\n\nturjo@admin.com\nadmin pass: Turjo123\n\n---\n\n## 🛠️ **Key Features**\n\n1. **Responsive Design:** Fully optimized for mobile, tablet, and desktop views.\n2. **Dynamic Navbar:** Displays the user's profile picture and conditional navigation items.\n3. **Fancy Banner:** Features automatic sliding images for an engaging UI.\n4. **About Section:** Detailed building description with attractive typography.\n5. **Coupons Section:** Showcases available coupons in a visually appealing format.\n6. **Location Section:** Provides details about the apartment’s location with optional map integration.\n7. **Authentication System:** Includes login, registration, and Google/GitHub authentication.\n8. **Apartment Listing:** Displays rooms with filtering, pagination, and agreement functionality.\n9. **Sweet Alerts/Toasts:** Notifies users of CRUD operations, login success, and registration completion.\n10. **Secure Configuration:** Firebase and API credentials are stored using environment variables.\n\n---\n\n## 📝 **Technology Stack**\n\n- **Framework:** React.js\n- **State Management:** Context API\n- **Data Fetching:** TanStack Query\n- **CSS Framework:** Tailwind CSS\n- **UI Components:** DaisyUI\n- **Toast/Alerts:** React-Toastify / SweetAlert2\n- **Authentication:** Firebase Authentication\n- **Icons:** React Icons\n\n---\n\n## 📄 **Environment Variables**\n\nEnsure to set up the following variables in a `.env` file for secure access:\n\n```env\nREACT_APP_FIREBASE_API_KEY=your_firebase_api_key\nREACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain\nREACT_APP_FIREBASE_PROJECT_ID=your_project_id\nREACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket\nREACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id\nREACT_APP_FIREBASE_APP_ID=your_app_id\n```\n\n## Step-by-Step Guide to Run the Project Locally\n\n1. **Clone the Repository:**\n\n   - Open your terminal or command prompt and clone the repository to your local machine using the following command:\n     ```bash\n     git clone https://github.com/tareqahmed2/buildingHub-client-side\n     ```\n\n2. **Navigate to the Project Directory:**\n\n   - After cloning the repository, go into the project folder:\n     ```bash\n     cd \u003cproject-folder\u003e\n     ```\n\n3. **Install Dependencies for Client-Side:**\n\n   - Navigate to the `client` folder:\n     ```bash\n     cd client\n     ```\n   - Install the necessary dependencies for the frontend:\n     ```bash\n     npm install\n     ```\n\n4. **Install Dependencies for client-Side:**\n\n   - Now, go to the `server` folder:\n     ```bash\n     cd ../client\n     ```\n   - Install the required dependencies for the frontend:\n     ```bash\n     npm install\n     ```\n\n5. **Set Up Environment Variables:**\n\n   - Create a `.env` file in the root directory of both the `client` and `server` folders.\n   - Add the necessary environment variables such as API keys and database URIs.\n\n   Example for **Client (`client/.env`):**\n\n   ```env\n   REACT_APP_API_URL=http://localhost:5000\n   ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftareqahmed2%2Fbuildinghub-client-side","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftareqahmed2%2Fbuildinghub-client-side","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftareqahmed2%2Fbuildinghub-client-side/lists"}