{"id":30310623,"url":"https://github.com/shahid-cp/lost-find-project-client","last_synced_at":"2026-04-07T20:32:44.961Z","repository":{"id":308871143,"uuid":"1034368471","full_name":"SHAHID-CP/Lost-Find-Project-Client","owner":"SHAHID-CP","description":"WhereIsIt is a user-friendly platform to report and find lost or found items easily.","archived":false,"fork":false,"pushed_at":"2025-08-08T10:36:34.000Z","size":107,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-08T12:23:11.903Z","etag":null,"topics":["axios","firebase","framer-motion","react","react-icons","react-router","tailwind-css","vite"],"latest_commit_sha":null,"homepage":"https://beautiful-marigold-d08b9c.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/SHAHID-CP.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-08-08T09:23:29.000Z","updated_at":"2025-08-08T10:45:43.000Z","dependencies_parsed_at":"2025-08-08T12:23:15.669Z","dependency_job_id":"491f0402-4638-4bb3-8c1c-1f51c2849d37","html_url":"https://github.com/SHAHID-CP/Lost-Find-Project-Client","commit_stats":null,"previous_names":["shahid-cp/lost-find-project-client"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/SHAHID-CP/Lost-Find-Project-Client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SHAHID-CP%2FLost-Find-Project-Client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SHAHID-CP%2FLost-Find-Project-Client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SHAHID-CP%2FLost-Find-Project-Client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SHAHID-CP%2FLost-Find-Project-Client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SHAHID-CP","download_url":"https://codeload.github.com/SHAHID-CP/Lost-Find-Project-Client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SHAHID-CP%2FLost-Find-Project-Client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270863032,"owners_count":24658712,"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","status":"online","status_checked_at":"2025-08-17T02:00:09.016Z","response_time":129,"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","framer-motion","react","react-icons","react-router","tailwind-css","vite"],"created_at":"2025-08-17T15:01:28.820Z","updated_at":"2025-10-18T06:01:27.208Z","avatar_url":"https://github.com/SHAHID-CP.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.\n\n\n\n# 📅 Project Name: WhereIsIt\n\n## 🌟 Purpose\nāĻāĻ‡ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸāĻŸāĻŋāĻ° āĻŽā§‚āĻ˛ āĻ˛āĻ•ā§āĻˇā§āĻ¯ āĻšāĻ˛ – āĻšāĻžāĻ°āĻŋā§Ÿā§‡ āĻ¯āĻžāĻ“ā§ŸāĻž āĻ“ āĻĒāĻžāĻ“ā§ŸāĻž āĻœāĻŋāĻ¨āĻŋāĻ¸āĻĒāĻ¤ā§āĻ°ā§‡āĻ° āĻ¤āĻĨā§āĻ¯ āĻāĻ•āĻŸāĻŋ āĻ‡āĻ‰āĻœāĻžāĻ°-āĻĢā§āĻ°ā§‡āĻ¨ā§āĻĄāĻ˛āĻŋ āĻĒā§āĻ˛ā§āĻ¯āĻžāĻŸāĻĢāĻ°ā§āĻŽā§‡ āĻ¸āĻ‚āĻ°āĻ•ā§āĻˇāĻŖ āĻ“ āĻ–ā§‹āĻāĻœāĻžāĻ° āĻ¸ā§āĻ¯ā§‹āĻ— āĻ•āĻ°ā§‡ āĻĻā§‡āĻ“ā§ŸāĻžāĨ¤ āĻāĻ–āĻžāĻ¨ā§‡ āĻ‡āĻ‰āĻœāĻžāĻ°āĻ°āĻž āĻšāĻžāĻ°āĻžāĻ¨ā§‹ āĻŦāĻž āĻĒāĻžāĻ“ā§ŸāĻž āĻ•ā§‹āĻ¨ā§‹ āĻŦāĻ¸ā§āĻ¤ā§ āĻĒā§‹āĻ¸ā§āĻŸ āĻ•āĻ°āĻ¤ā§‡ āĻĒāĻžāĻ°āĻŦā§‡āĻ¨ āĻāĻŦāĻ‚ āĻ…āĻ¨ā§āĻ¯āĻ°āĻž āĻ¤āĻž āĻĻā§‡āĻ–ā§‡ āĻ¯ā§‹āĻ—āĻžāĻ¯ā§‹āĻ— āĻ•āĻ°āĻ¤ā§‡ āĻĒāĻžāĻ°āĻŦā§‡āĻ¨āĨ¤\n\n## 🔗 Live URL\n[👉 View the Live Website](https://beautiful-marigold-d08b9c.netlify.app/)\n\n## 📸 Screenshot \n![WhereIsIt Screenshot](./screenshot.png)\n\n## 🛠ī¸ Main Technologies Used\n- React \n- Vite \n- Firebase \n- TailwindCSS \n- DaisyUI \n\n## 🚀 Core Features\n- āĻ¸āĻšāĻœ āĻ“ āĻĒāĻ°āĻŋāĻˇā§āĻ•āĻžāĻ° āĻ‡āĻ‰āĻœāĻžāĻ° āĻ‡āĻ¨ā§āĻŸāĻžāĻ°āĻĢā§‡āĻ¸ \n- āĻ†āĻ˛ā§āĻŸā§āĻ°āĻž āĻĢāĻžāĻ¸ā§āĻŸ āĻ˛ā§‹āĻĄāĻŋāĻ‚ āĻŸāĻžāĻ‡āĻŽ (Vite āĻāĻ° āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§‡) \n- āĻ¸āĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻ°ā§‡āĻ¸āĻĒāĻ¨ā§āĻ¸āĻŋāĻ­ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ \n- Firebase Authentication āĻ¸āĻžāĻĒā§‹āĻ°ā§āĻŸ \n- React Tooltip āĻĻāĻŋā§Ÿā§‡ āĻ‡āĻ¨āĻĢāĻ°āĻŽā§‡āĻŸāĻŋāĻ­ āĻšā§‹āĻ­āĻžāĻ° āĻŸāĻŋāĻĒāĻ¸ \n- React Simple Typewriter āĻĻāĻŋā§Ÿā§‡ āĻŸāĻžāĻ‡āĻĒāĻŋāĻ‚ āĻāĻ¨āĻŋāĻŽā§‡āĻļāĻ¨ \n- React Toastify āĻĻāĻŋā§Ÿā§‡ āĻ°āĻŋā§Ÿā§‡āĻ˛āĻŸāĻžāĻ‡āĻŽ āĻ¨ā§‹āĻŸāĻŋāĻĢāĻŋāĻ•ā§‡āĻļāĻ¨ \n- DaisyUI āĻ“ TailwindCSS āĻĻāĻŋā§Ÿā§‡ āĻ†āĻ•āĻ°ā§āĻˇāĻŖā§€ā§Ÿ UI \n\n## đŸ“Ļ Dependencies Used\n- [`@lottiefiles/dotlottie-react`](https://www.npmjs.com/package/@lottiefiles/dotlottie-react) – Lottie āĻāĻ¨āĻŋāĻŽā§‡āĻļāĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ \n- [`@tailwindcss/vite`](https://www.npmjs.com/package/@tailwindcss/vite) – Vite āĻāĻ° āĻ¸āĻžāĻĨā§‡ TailwindCSS āĻ‡āĻ¨ā§āĻŸāĻŋāĻ—ā§āĻ°ā§‡āĻļāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ \n- [`axios`](https://www.npmjs.com/package/axios) – API āĻ•āĻ˛ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ Lightweight HTTP client \n- [`firebase`](https://www.npmjs.com/package/firebase) – āĻ‡āĻ‰āĻœāĻžāĻ° āĻ…āĻĨā§‡āĻ¨ā§āĻŸāĻŋāĻ•ā§‡āĻļāĻ¨ āĻ“ āĻĄā§‡āĻŸāĻž āĻŦā§āĻ¯āĻŦāĻ¸ā§āĻĨāĻžāĻĒāĻ¨āĻžāĻ° āĻœāĻ¨ā§āĻ¯ \n- [`motion`](https://www.framer.com/motion/) – React Animation āĻ˛āĻžāĻ‡āĻŦā§āĻ°ā§‡āĻ°āĻŋ (Framer Motion āĻ­āĻŋāĻ¤ā§āĻ¤āĻŋāĻ•) \n- [`react`](https://reactjs.org/) – Core React āĻ˛āĻžāĻ‡āĻŦā§āĻ°ā§‡āĻ°āĻŋ \n- [`react-dom`](https://reactjs.org/docs/react-dom.html) – React āĻ•āĻŽā§āĻĒā§‹āĻ¨ā§‡āĻ¨ā§āĻŸ āĻ°ā§‡āĻ¨ā§āĻĄāĻžāĻ° āĻ•āĻ°āĻžāĻ° āĻœāĻ¨ā§āĻ¯ \n- [`react-router-dom`](https://reactrouter.com/) – SPA āĻ°āĻžāĻ‰āĻŸāĻŋāĻ‚ āĻŦā§āĻ¯āĻŦāĻ¸ā§āĻĨāĻžāĻĒāĻ¨āĻžāĻ° āĻœāĻ¨ā§āĻ¯ \n- [`react-toastify`](https://fkhadra.github.io/react-toastify/) – āĻ‡āĻ‰āĻœāĻžāĻ° āĻ¨ā§‹āĻŸāĻŋāĻĢāĻŋāĻ•ā§‡āĻļāĻ¨ā§‡āĻ° āĻœāĻ¨ā§āĻ¯ \n- [`react-icons`](https://react-icons.github.io/react-icons/) – āĻ†āĻ‡āĻ•āĻ¨ āĻ˛āĻžāĻ‡āĻŦā§āĻ°ā§‡āĻ°āĻŋ \n- [`react-tooltip`](https://react-tooltip.com/) – āĻšā§‹āĻ­āĻžāĻ° āĻŸā§āĻ˛āĻŸāĻŋāĻĒ āĻĻā§‡āĻ–āĻžāĻ¨ā§‹āĻ° āĻœāĻ¨ā§āĻ¯ \n- [`react-simple-typewriter`](https://www.npmjs.com/package/react-simple-typewriter) – āĻŸāĻžāĻ‡āĻĒāĻŋāĻ‚ āĻāĻ¨āĻŋāĻŽā§‡āĻļāĻ¨ āĻ‡āĻĢā§‡āĻ•ā§āĻŸā§‡āĻ° āĻœāĻ¨ā§āĻ¯ \n- [`tailwindcss`](https://tailwindcss.com/) – Utility-first CSS framework \n- [`daisyui`](https://daisyui.com/) – TailwindCSS āĻāĻ° āĻœāĻ¨ā§āĻ¯ UI āĻ•āĻŽā§āĻĒā§‹āĻ¨ā§‡āĻ¨ā§āĻŸ āĻĢā§āĻ°ā§‡āĻŽāĻ“ā§ŸāĻžāĻ°ā§āĻ• \n\n- ---\n\n\n## ⚙ī¸ Installation \u0026 Setup\n\n### đŸ“Ĩ Clone Repositories\n\n# Clone Frontend\n```bash\ngit clone https://github.com/Programming-Hero-Web-Course11/b11a11-client-side-CodesWithshahid.git\ncd b11a11-client-side-CodesWithshahid\nnpm install\nnpm run dev\n```\n# Clone Backend\n```bash\ngit clone https://github.com/Programming-Hero-Web-Course11/b11a11-server-side-CodesWithshahid.git\ncd b11a11-server-side-CodesWitshahid\nnpm install\nnpm run dev\n```\n\n---\n\n## 🔒 Environment Variables\n\n### 🔹 Client (.env)\n\n```env\nVITE_API_KEY=your_firebase_key\nVITE_AUTH_DOMAIN=your_firebase_auth\nVITE_PROJECT_ID=your_project_id\nVITE_STORAGE_BUCKET=your_storage_bucket\nVITE_MESSAGING_SENDER_ID=your_sender_id\nVITE_APP_ID=your_app_id\nVITE_API_URL=https://backend-eta.vercel.app\n```\n\n### 🔹 Server (.env)\n\n```env\nVITE_FIREBASE_API_KEY=your_firebase_api_key\nVITE_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain\nVITE_FIREBASE_PROJECT_ID=your_firebase_project_id\nVITE_BACKEND_URL=http://localhost:5000\n\n```\n\n---\n\n## 📤 Image Upload\n\n- Users can upload product images using Imgbb\n- Supported on both **Add** and **Update** forms\n- Upload triggered through a secure backend API\n\n---\n\n## 🚀 Deployment\n\n### 🔹 Frontend (Firebase)\n\n```bash\nnpm run build\nfirebase deploy\n```\n\n### 🔹 Backend (Vercel Serverless)\n\n- Routes inside `/api/` folder\n- Export handlers using CommonJS/ES6\n- Follow [Vercel Docs](https://vercel.com/docs/functions) for structure\n\n---\n\n## đŸ§Ē Testing\n\n- Backend routes tested via Postman\n- Firebase test users used for auth\n- UI feedback tested via forms, toasts, and edge cases\n\n---\n\n## đŸ“Ģ Contact\n\n📧 Email: [shaahid.045@gmail.com](mailto:shaahid.045@gmail.com)\n🔗 LinkedIn: [Shahid Islam](https://linkedin.com/in/shaahid-cp)\n\n---\n\n## 🧑‍🎓 Author\n\nMade with đŸ’ģ by **Md. Shahid Islam**\nLost \u0026 Find Project Š 2025\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahid-cp%2Flost-find-project-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshahid-cp%2Flost-find-project-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshahid-cp%2Flost-find-project-client/lists"}