{"id":30310665,"url":"https://github.com/rahmot15/plant-care-tracker-client-side","last_synced_at":"2026-04-13T00:33:57.243Z","repository":{"id":308893746,"uuid":"1034178570","full_name":"Rahmot15/Plant-Care-Tracker-client-side","owner":"Rahmot15","description":"A beautiful and interactive plant management web application to help you explore, track, and purchase plants suited for your space and style.","archived":false,"fork":false,"pushed_at":"2025-08-08T13:17:10.000Z","size":218,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-08T15:12:44.571Z","etag":null,"topics":["date-fns","firebase-auth","framer-motion","lottie","react","react-router","sweetalert2"],"latest_commit_sha":null,"homepage":"https://plants-auth-client.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/Rahmot15.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-08T01:30:00.000Z","updated_at":"2025-08-08T13:17:13.000Z","dependencies_parsed_at":"2025-08-08T15:13:01.159Z","dependency_job_id":"558790bd-ccad-4340-8f4e-08d977dc797a","html_url":"https://github.com/Rahmot15/Plant-Care-Tracker-client-side","commit_stats":null,"previous_names":["rahmot15/plant-care-tracker-client-side"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Rahmot15/Plant-Care-Tracker-client-side","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahmot15%2FPlant-Care-Tracker-client-side","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahmot15%2FPlant-Care-Tracker-client-side/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahmot15%2FPlant-Care-Tracker-client-side/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahmot15%2FPlant-Care-Tracker-client-side/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rahmot15","download_url":"https://codeload.github.com/Rahmot15/Plant-Care-Tracker-client-side/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahmot15%2FPlant-Care-Tracker-client-side/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":["date-fns","firebase-auth","framer-motion","lottie","react","react-router","sweetalert2"],"created_at":"2025-08-17T15:01:36.943Z","updated_at":"2026-04-13T00:33:57.200Z","avatar_url":"https://github.com/Rahmot15.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌿 Plants - Plant Care Tracker\n\nA beautiful and interactive plant management web application to help you explore, track, and purchase plants suited for your space and style.\n\n🔗 **Live Preview**: [https://plants-auth-client.web.app]( https://plants-auth-client.web.app )\n\n![Screenshot of Plant Care Tracker]( https://i.ibb.co/35hsYTNv/screencapture-localhost-5173-2025-05-27-00-12-28.png )\n\n---\n\n## ✨ Key Features\n\n- 🌱 **Plant Explorer** – Browse a wide variety of plants with pricing, categories, and attractive visuals.\n- 🩺 **Plant Details** – Learn about the plant’s uses, care tips, and specialty (like `Aloe Vera` – widely known for anti-inflammatory and skincare properties).\n- 🛒 **Daily Deals Section** – Highlighted deal cards for popular plants (e.g., Rose, Fern, Zebra Succulent).\n- 🏢 **Plants for Offices \u0026 Homes** – Curated section suggesting plants for specific environments.\n- 🧭 **Smooth Navigation** – Seamless routing through pages like `All Plants`, `My Plants`, `Add Plants`.\n- 🌙 **Dark Theme** – Modern, responsive dark-mode design.\n- ⚡ **Animations** – Beautiful transitions using Lottie and Framer Motion.\n\n---\n\n## 🛠️ Technologies \u0026 Packages Used\n\n### 🧩 Framework \u0026 Tooling\n- **React** – UI library\n- **Vite** – Lightning-fast bundler and dev server\n- **Firebase** – Authentication and backend services\n\n### 🎨 Styling \u0026 Animation\n- **TailwindCSS** – Utility-first CSS\n- **@tailwindcss/vite** – Tailwind + Vite integration\n- **Framer Motion** – Animation library\n- **Lottie React** – Integration of JSON animations\n\n### 📦 Utility Libraries\n- `react-dom` – React DOM manipulation\n- `react-router` – Page routing\n- `react-toastify` – Toast notifications\n- `sweetalert2` – Alert modals\n- `swiper` – Touch slider (used for main plant banner)\n- `react-icons` – Icon support\n- `react-datepicker` – Calendar picker for plant care scheduling\n- `react-tooltip` – Tooltips on hover\n- `date-fns` – Date formatting\n- `dotenv` – Secure environment variables\n\n---\n\n## ⚙️ How to Run Locally\n\nFollow these steps to set up and run the project on your local machine.\n\n### Prerequisites\n\nBefore you begin, ensure you have the following installed:\n*   [Node.js](https://nodejs.org/en/download/) (LTS version recommended)\n*   [npm](https://www.npmjs.com/get-npm) (Node Package Manager, usually comes with Node.js) or [Yarn](https://yarnpkg.com/getting-started/install)\n\n### Setup Steps\n\n1.  **Clone the repository:**\n    ```bash\n    git clone https://github.com/Rahmat15/Plant-Care-Tracker-client-side.git\n    ```\n2.  **Navigate into the project directory:**\n    ```bash\n    cd Plant-Care-Tracker-client-side\n    ```\n3.  **Install dependencies:**\n    ```bash\n    npm install\n    # or\n    yarn install\n    ```\n4.  **Create a `.env` file:**\n    In the root of your project directory, create a file named `.env` and add your Firebase configuration details. Replace the placeholder values with your actual credentials obtained from your Firebase project settings.\n\n    ```\n    # Firebase Configuration\n    VITE_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY\n    VITE_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN\n    VITE_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID\n    VITE_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET\n    VITE_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID\n    VITE_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID\n    VITE_FIREBASE_MEASUREMENT_ID=YOUR_FIREBASE_MEASUREMENT_ID\n    ```\n    *Note: If your project interacts with any other external APIs, include those environment variables here as well.*\n\n5.  **Run the development server:**\n    ```bash\n    npm run dev\n    # or\n    yarn dev\n    ```\n    The application should now be running locally, usually accessible at `http://localhost:5173`.\n\n---\n\n## 🔗 Other Resources\n\n*   **Live Frontend Application:** [Plants - Plant Care Tracker Live Site](https://plants-auth-client.web.app)\n\n*   **API Documentation:** [Link to any API Documentation (e.g., if you have Firebase Cloud Functions with specific endpoints)](https://plantserver.vercel.app/)\n    *   *If you don't have separate API documentation, you can remove this line. Replace `YOUR_API_DOCS_URL`.*\n\n---\n\n## 🙌 Credits\nDesigned \u0026 developed by Md Rahmatulla\n\n## 📜 License\nThis project is licensed for personal and educational use.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahmot15%2Fplant-care-tracker-client-side","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frahmot15%2Fplant-care-tracker-client-side","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahmot15%2Fplant-care-tracker-client-side/lists"}