{"id":50531740,"url":"https://github.com/nazmulxdev/food-donation-website-client","last_synced_at":"2026-06-03T14:02:53.785Z","repository":{"id":301056536,"uuid":"1006114704","full_name":"nazmulxdev/food-donation-website-client","owner":"nazmulxdev","description":"This is a food sharing full stack website with crud operation and its api is secured by jwt.","archived":false,"fork":false,"pushed_at":"2025-08-09T12:28:15.000Z","size":2919,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-09T12:29:37.962Z","etag":null,"topics":["axios","firebase","firebase-auth","javascript","reactjs","tanstack-query"],"latest_commit_sha":null,"homepage":"https://karamplate.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/nazmulxdev.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-21T14:25:16.000Z","updated_at":"2025-08-09T12:28:19.000Z","dependencies_parsed_at":"2025-08-09T12:13:45.917Z","dependency_job_id":"98204dc2-d27a-4a3e-82dd-c33f23c2167e","html_url":"https://github.com/nazmulxdev/food-donation-website-client","commit_stats":null,"previous_names":["nazmulxdev/food-donation-website-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nazmulxdev/food-donation-website-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazmulxdev%2Ffood-donation-website-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazmulxdev%2Ffood-donation-website-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazmulxdev%2Ffood-donation-website-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazmulxdev%2Ffood-donation-website-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nazmulxdev","download_url":"https://codeload.github.com/nazmulxdev/food-donation-website-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazmulxdev%2Ffood-donation-website-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33867807,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-03T02:00:06.370Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["axios","firebase","firebase-auth","javascript","reactjs","tanstack-query"],"created_at":"2026-06-03T14:02:52.594Z","updated_at":"2026-06-03T14:02:53.765Z","avatar_url":"https://github.com/nazmulxdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Meals4Gaza - Food Sharing Website\n\nMeals4Gaza is a food-sharing platform whose main purpose is to collect surplus food from people and deliver it to those in need.\n\n\u003cdiv align=\"center\"\u003e\n\n[![Live Site](https://img.shields.io/badge/Live_Site-karamplate.web.app-brightgreen?style=for-the-badge)](https://karamplate.web.app/)\n[![Server Repo](https://img.shields.io/badge/Server_Repo-GitHub-333?style=for-the-badge\u0026logo=github)](https://github.com/nazmulxdev/food-donation-website-server?tab=readme-ov-file)\n\n\u003c/div\u003e\n\n---\n\n### **Project Overview**\n\nThe main goal of this project is to create a community-based platform where users can share their surplus food with others. This helps prevent food waste and aids people in need. Users can donate food, view available food items, and request meals if needed.\n\n### **Screenshot**\n\n![Project Screenshot](https://3vyg2acdxl.ufs.sh/f/vZKcTYAMgkubrl8Rzbh0TKXxdZE1tcmLhfnAGID8rkeViuO2)\n\n---\n\n### **Key Features**\n\n✅ **Dynamic Title:** Each page has its own unique title that updates in the browser's title bar as the route changes.\n\n✅ **Secure Authentication:** The entire project is secured with Firebase access tokens, ensuring the safety of user's sensitive data, such as their donated and requested food information.\n\n✅ **Featured Foods Section:** The featured foods section on the homepage updates dynamically based on the highest quantity of available food.\n\n✅ **Food Request System:** On the \"Available Foods\" page, users can view the details of any food item and request it.\n\n✅ **Food Management Dashboard:** Users can donate food on the \"Add Food\" page and can view, edit, or delete all their donated food items on the \"Manage My Food\" page.\n\n✅ **User Profile:** The website has a login and registration system. Users can create a profile or use their Google account to easily sign up or log in.\n\n---\n\n### **Technologies Used**\n\nThe following main technologies were used in this project:\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-61DAFB?style=for-the-badge\u0026logo=react\u0026logoColor=black\" alt=\"React\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white\" alt=\"React Router\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge\u0026logo=firebase\u0026logoColor=black\" alt=\"Firebase\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"Tailwind CSS\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/DaisyUI-5A0EF8?style=for-the-badge\u0026logo=daisyui\u0026logoColor=white\" alt=\"Daisy UI\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/TanStack_Query-FF4154?style=for-the-badge\u0026logo=tanstack\u0026logoColor=white\" alt=\"TanStack Query\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge\u0026logo=axios\u0026logoColor=white\" alt=\"Axios\" /\u003e\n\u003c/p\u003e\n\n---\n\n### **Dependencies Used**\n\nThe following NPM packages are used in this project:\n\n- React Router\n- TanStack Query\n- Axios\n- Framer Motion\n- Firebase\n- React Icons\n- Tailwind CSS\n- Daisy UI\n- React-spinners\n- SweetAlert2\n- React Countup\n- React Countdown\n- React-tooltip\n- Lottie-react\n- React Slick\n- Slick Carousel\n\n---\n\n### **Getting Started Locally**\n\nFollow these steps to run the project on your local machine:\n\n**1. Clone the repository:**\n\n```bash\ngit clone [https://github.com/your-username/your-repository-name.git](https://github.com/your-username/your-repository-name.git)\n```\n\n**2. Navigate to the project directory:**\n\n```bash\ncd your-repository-name\n```\n\n**3. Install NPM packages:**\n\n```bash\nnpm install\n```\n\n**4. Set up environment variables:**\nCreate a file named `.env.local` in the root directory of the project and add your Firebase configuration.\n\n```.env.local\nVITE_APIKEY=your_firebase_apikey\nVITE_AUTHDOMAIN=your_firebase_authdomain\nVITE_PROJECTID=your_firebase_projectid\nVITE_STORAGEBUCKET=your_firebase_storagebucket\nVITE_MESSAGINGSENDERID=your_firebase_messagingsenderid\nVITE_APPID=your_firebase_appid\n```\n\n_(Replace the values above with your own Firebase credentials.)_\n\n**5. Run the project:**\n\n```bash\nnpm run dev\n```\n\nYou can now view the project by visiting `http://localhost:5173` (or any other port shown in the terminal) in your browser.\n\n---\n\n### **Relevant Links**\n\n- **Live Site:** [https://karamplate.web.app/](https://karamplate.web.app/)\n- **Server-Side Code:** [https://new-meals4gaza.vercel.app/](https://new-meals4gaza.vercel.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnazmulxdev%2Ffood-donation-website-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnazmulxdev%2Ffood-donation-website-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnazmulxdev%2Ffood-donation-website-client/lists"}