{"id":15161986,"url":"https://github.com/pranto113015/plants-website-using-tailwindcss","last_synced_at":"2026-03-07T19:31:12.423Z","repository":{"id":255043644,"uuid":"846969510","full_name":"pranto113015/Plants-Website-Using-tailwindCss","owner":"pranto113015","description":"Plants Website Templates Design Using Tailwind CSS | Front End Project | 2024","archived":false,"fork":false,"pushed_at":"2024-08-29T15:15:41.000Z","size":13851,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T12:51:50.552Z","etag":null,"topics":["favicon","html","javascript","mini-project","nodemodules","npm-package","package-json","plants","remixicons","tailwind-css","tailwind-css-template","tailwindcss"],"latest_commit_sha":null,"homepage":"https://pkdemoproject3.netlify.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pranto113015.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-08-24T13:27:00.000Z","updated_at":"2024-09-14T19:59:18.000Z","dependencies_parsed_at":"2024-09-17T14:03:14.489Z","dependency_job_id":"9a2ad83f-9090-4e77-80a7-2bcca371a4c0","html_url":"https://github.com/pranto113015/Plants-Website-Using-tailwindCss","commit_stats":{"total_commits":18,"total_committers":2,"mean_commits":9.0,"dds":0.05555555555555558,"last_synced_commit":"4d828ce1307d74e57ef5213e66563dd287deec41"},"previous_names":["pranto113015/plants-website-using-tailwindcss"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pranto113015/Plants-Website-Using-tailwindCss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2FPlants-Website-Using-tailwindCss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2FPlants-Website-Using-tailwindCss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2FPlants-Website-Using-tailwindCss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2FPlants-Website-Using-tailwindCss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pranto113015","download_url":"https://codeload.github.com/pranto113015/Plants-Website-Using-tailwindCss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2FPlants-Website-Using-tailwindCss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280878369,"owners_count":26406641,"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-10-24T02:00:06.418Z","response_time":73,"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":["favicon","html","javascript","mini-project","nodemodules","npm-package","package-json","plants","remixicons","tailwind-css","tailwind-css-template","tailwindcss"],"created_at":"2024-09-27T01:01:38.684Z","updated_at":"2025-10-24T22:32:08.684Z","avatar_url":"https://github.com/pranto113015.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Plants Website\n\n## 🎯 Project Description\n\nA plant website could feature detailed information on various plant species, including care guides, growth habits, and ideal conditions. It might offer a plant identification tool, a blog with gardening tips, an online store for seeds and tools, and a community forum for plant enthusiasts. The design would likely be lush and green, with vibrant images and user-friendly navigation to make learning about and purchasing plants easy and enjoyable.\n\n## 🌐 Demo Preview\n\n**You can see the live demo project please [Click Here](https://pkdemoproject3.netlify.app/)**\n\n![previow](./assets/img/preview1.png)\n![previow](./assets/img/preview2.png)\n![previow](./assets/img/preview3.png)\n![previow](./assets/img/preview4.png)\n\n## ⭐ Features\n\n- **Gardening Blog:** Regularly updated articles on topics like gardening tips, seasonal advice, and plant care.\n- **Fluid Grid Layout:** Uses a flexible grid that resizes and repositions elements dynamically to fit the screen size, from desktops to mobile devices.\n- **Responsive Navigation Menu:** A navigation menu that adapts to different screen sizes, often transforming into a collapsible or “hamburger” menu on smaller screens.\n- **Mobile-First Design:** Designed with mobile users in mind first, ensuring that essential features and content are easily accessible on smaller screens.\n\n## 💼 Technologies Used\n\n### Frontend\n\n- **HTML5/TailwindCSS v3.4.10 :** Structure and styling of the website.\n- **JavaScript :** Interactive features and dynamic content.\n- **Responsive Design :** Customizing Screens, Flexbox, and Grid for mobile-friendly design\n- **ScrollReveal :** This is a JavaScript library that allows you to easily create and manage scroll-based animations on a website.\n- **Remix Icon :** This is a set of open-source, high-quality icons designed for web development.\n- **Swiper CSS v11.1.10 :** Swiper is a modern, flexible, and highly customizable touch slider that you can use for implementing sliders, carousels, and other interactive content on your website.\n\n### Version Control\n\n- **Git :** Distributed version control system.\n\n### Hosting and Deployment\n\n- **Netlify :** Hosting platforms for static websites applications.\n\n## 👨‍💻 How to Run the Project Manually (Local Setup Windows)\n\n### Prerequisites\n\n- **Code Editor :** You can use any code editor like Visual Studio Code, Sublime Text, or others to write your code.\n- **Node.js :** Tailwind CSS requires Node.js to run. You can download it from the official Node.js website.\n- **npm (Node Package Manager) :** npm comes bundled with Node.js. You'll use npm to install Tailwind CSS and other dependencies.\n\n### Steps\n\nIf you run this project locally, then follow these steps below :\n\n1.  **Open Terminal (Command Prompt, PowerShell, etc.) :**\n\n    - Navigate to the directory where you want to clone the project.\n    - Run the following command to clone the repository:\n\n      ```sh\n      https://github.com/pranto113015/Plants-Website-Using-tailwindCss.git\n      ```\n\n2.  **Navigate into the project directory :**\n\n    - Replace `Plants-Website-Using-tailwindCss` with the actual folder name of the project.\n\n      ```sh\n      cd Plants-Website-Using-tailwindCss\n      ```\n\n3.  **Run Tailwind CSS in Watch Mode :**\n\n    - To start watching for changes, run:\n\n      ```sh\n      npm run watch\n      ```\n\n4.  **Click the run option of the menu bar and again click the start debugging or open with live server**\n\nOr you can do this way\n\n1. Download the project\n2. Unzip the file\n3. Open with your IDE such as vs code and follow the command :\n\n   ```sh\n   npm run watch\n   ```\n\n4. Now open with live server\n\n## ⏳ Usage\n\n- Collection of plant information\n- Gardening Guide\n- Plant identification and identification\n- Research and educational materials\n- Collect feedback and suggestions\n\n## 📐 Project Structure\n\n- Tailwind CSS uses a utility-first approach, meaning you apply classes like bg-blue-500 directly to HTML elements.\n- You can customize Tailwind CSS by modifying the tailwind.config.js file.\n- Tailwind CSS often works well with component-based frameworks like Vue, React, or Angular, as it provides a flexible way to style reusable UI elements.\n\n## 📥 Contributing\n\nContributions are what make the open-source community such an amazing place to be, learn, inspire, and create. Any contributions you make are greatly appreciated.Here are some ways you can get started:\n\n- **Report bugs** : If you encounter any bugs, please let us know. Open up an issue and let us know the problem.\n- **Contribute code** : If you are a developer and want to contribute, follow the instructions below to get started.\n- **Suggestions** : If you don't want to code but have some awesome ideas, open up an issue explaining some updates or imporvements you would like to see.\n- **Documentation** : If you see the need for some additional documentation, feel free to add some.\n\n### Instructions\n\n1. Fork the Project\n2. Create your Feature Branch\n\n   ```sh\n   $ git checkout -b feature/AmazingFeature\n   ```\n\n3. Commit your Changes\n\n   ```sh\n   git commit -m 'Add some AmazingFeature'\n   ```\n\n4. Push to the Branch\n   ```sh\n   git push origin feature/AmazingFeature\n   ```\n5. Open a Pull Request\n\n## 📜 License\n\nState the license under which your project is distributed.\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🙌Acknowledgements\n\nThis project created for amazing features tailwind css practise.\n\n## ☎︎ Contact\n\nIf you have any questions or need further clarification, please contact my email/ Linkedin .\n\n- **💌 Email : pranto113015@gmail.com**\n\n- **🕵️‍♂️ Linkedin : [Pranto Kumar](https://www.linkedin.com/in/pranto-kumar-a326801b3/)**\n\nThank you for reviewing my project 💙\n\n**⭐ If you found this project helpful, please give it a star!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranto113015%2Fplants-website-using-tailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpranto113015%2Fplants-website-using-tailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranto113015%2Fplants-website-using-tailwindcss/lists"}