☕ Caffinity – Full-Stack Coffee Experience

---

🌐 Live Demo

https://caffinity.onrender.com/

---

☕ About the Project

Caffinity is a beautifully designed full-stack coffee-themed web application built using:

• React + Vite for the frontend
• TailwindCSS + DaisyUI for modern, responsive UI components
• Node.js + Express for backend routing and server logic

The project recreates a premium café experience through warm visuals, clean UI components, and a scalable backend architecture ready for future e-commerce features.

---

⭐ Key Features

🌟 Frontend (React + Vite + TailwindCSS + DaisyUI)

• Tailwind utility-first styling for ultra-fast development
• DaisyUI components for beautiful, prebuilt UI elements
• Fully responsive layout across all devices
• Smooth page transitions & clean coffee-themed UI
• Organized component structure
• Optimized development/runtime with Vite

⚙️ Backend (Node + Express)

• REST API–ready backend structure
• Separated controllers & routes
• Scalable architecture for authentication, products, and cart
• Clean, maintainable codebase

---

🛠️ Tech Stack

Frontend

Backend

---

📂 Project Structure

├── backend/
│   ├── controllers/        # Business logic (login, cart, etc.)
│   ├── routes/             # API routes
│   ├── server.js           # Express server entry point
│   └── package.json
│
├── frontend/
│   ├── src/
│   │   ├── components/     # UI components (Tailwind + DaisyUI)
│   │   ├── pages/          # Page-level components
│   │   ├── assets/         # Images, icons
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── index.html
│   ├── tailwind.config.js  # Tailwind + DaisyUI config
│   ├── postcss.config.js
│   ├── vite.config.js
│   └── package.json
│
└── README.md

---

🔮 Future Improvements

• Admin product dashboard
• Checkout & order management
• Enhanced animations
• Light/Dark mode toggle (easy with DaisyUI)

---

🤝 Contributing

PRs and suggestions are welcome.

---

📚 License

This project is open-source under the MIT License.