A beautiful and user-friendly bakery website made with ❤️ using React & TailwindCSS.
Radhe Bakers is a visually appealing and responsive bakery website that showcases delicious baked goods with a clean, professional layout. Designed to mimic real-world bakery websites, this project demonstrates frontend development, styling with TailwindCSS, and user-friendly interaction flow.
📺 Watch the walkthrough here:
🔗 Click the image or watch on YouTube
- 🧁 Attractive homepage with a modern bakery feel
- 🛒 Interactive and stylish shopping cart
- 📦 Product listings with friendly UI
- 📱 Fully responsive across devices
- 🎨 Elegant color palette and fonts
- 💬 “Remove” instead of “Delete” for friendliness
bakery/
├── public/ # Static files
│ └── favicon, index.html
│
├── src/ # Main source code
│ ├── components/ # Reusable UI parts (Navbar, ProductCard, etc.)
│ ├── pages/ # Page layouts (Home, Cart)
│ ├── assets/ # Images and icons
│ ├── App.jsx # Main component with routes
│ └── index.js # Entry point
│
├── package.json # Project metadata and dependencies
├── tailwind.config.js # Tailwind customizations
├── README.md # This file
└── .gitignore # Git ignore rules
📸 Real views of the Radhe Bakers website:
| Home Page | Bakers Page |
|---|---|
 |
 |
| Products Page | Review Page |
|---|---|
 |
 |
| Offer Page | Profile Page |
|---|---|
 |
 |
| Product Page | Cart Page |
|---|---|
 |
 |
| Delivery Page | Subtotal & Summary |
|---|---|
 |
 |
| Webiste |
|---|
 |
npm install
▶️ Start Development Server
npm start🌐 Visit http://localhost:3000 to see the website live.
-
⚛️ React.js
-
🎨 Tailwind CSS
-
💻 HTML5 + CSS3
-
🧠 Functional Components
- 📧 Email: shristirajpoot369@gmail.com
- 🔗 GitHub: @Shristirajpoot
This project is licensed under the MIT License.