🌿 Indoore Plants

A modern indoor plants website showcasing popular plants, customer reviews, and product highlights with a calm, nature-inspired design and smooth UI interactions.

🔗 Live Demo: https://indoore-ace-taiwo.netlify.app

📦 Repository: https://github.com/Acehood455/Plant-Website

---

✨ Features

• 🌿 Beautiful, nature-inspired UI
• 🪴 Showcase of popular indoor plants
• ⭐ Reviews and highlights section
• 📱 Fully responsive layout
• ⚡ Fast performance with Vite
• 🎨 Clean and minimal design

---

🛠️ Tech Stack

• React – Component-based UI
• Vite – Fast development & build tool
• Tailwind CSS – Utility-first styling
• JavaScript – Core logic

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/Acehood455/Plant-Website.git
cd Plant-Website

2. Install dependencies

npm install

Install tailwind v3

npm install tailwindcss@3

Add to tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx,vue}"
],
theme: {
    extend: {},
},
plugins: [],
}

Add to CSS

@tailwind base;
@tailwind components;
@tailwind utilities;

To fix autoprifixer error:

npm install -D autoprefixer

3. Start the development server

npm run dev

The app will run on:

👉 http://localhost:5173

---

---

📌 Project Purpose

• Improve frontend UI design skills
• Practice responsive layouts
• Explore clean, nature-inspired design systems
• Strengthen React + Tailwind workflows

🙌 Acknowledgements

• UI inspired by modern plant & lifestyle websites
• Built as part of my frontend portfolio