A beautifully designed organic food and grocery store web app built with React + Vite and styled using Tailwind CSS. Users can explore, view items, and add their favorite fruits to the cart.
- 🛒 Add fruits to cart
- 💚 Clean, responsive and modern UI
- 🍍 Explore items by category (Vegetables, Fruits, Coffee & Teas)
- 🎯 Built with React + Vite
- 🎨 Fully styled with Tailwind CSS
- 🧑💼 User menu with wishlist and cart functionality
- React – Component-based frontend
- Vite – Lightning-fast build tool
- Tailwind CSS – Utility-first styling
- CSS animations – Subtle hover and focus effects
- Icons/Assets – Custom fruit illustrations
groceyish-fruit-shop ├── public │ └── assets ├── src │ ├── components/ # Reusable UI components │ ├── pages/ # Landing, Category views │ ├── App.jsx │ ├── main.jsx │ └── styles/ # Tailwind & custom styles ├── index.html ├── tailwind.config.js ├── vite.config.js └── package.json
yaml Copy Edit
# 1. Clone the repository
git clone https://github.com/yourusername/fruit-shop-ui.git
# 2. Navigate into the project directory
cd fruit-shop-ui
# 3. Install dependencies
npm install
# 4. Start development server
npm run dev