Slogan: Brewed to Perfection, Served with Passion
Espresso Emporium is a responsive and stylish coffee-themed web app designed to showcase products, promote social media engagement, and offer users a premium digital coffee shop experience. Built with modern technologies like React 19, Vite, Tailwind CSS, and deployed on Firebase Hosting, it delivers fast performance with smooth interactions.
🌐 Live Site: espresso-emporium-web.web.app
- 🎯 Overview
- ✨ Features
- 🧱 Tech Stack
- 📦 NPM Packages
- ⚙️ Installation & Setup
- 🚀 Deployment
- 📸 Screenshots
- 📄 License
Espresso Emporium provides a minimalistic, elegant design to showcase coffee products. With responsive layouts, aesthetic visuals, and Instagram integration, the platform is ideal for promoting coffee brands, shops, or campaigns.
- 🎨 Clean, modern UI with TailwindCSS & DaisyUI
- ⚛️ Built with the latest React 19
- ⚡ Instant page loads using Vite
- 🖼️ Instagram-style image gallery
- 🔥 Deployed on Firebase Hosting
- 📱 Fully responsive (mobile, tablet, desktop)
- 📦 Organized components and reusable layouts
| Purpose | Tools Used |
|---|---|
| Frontend | React 19, Vite |
| Styling | TailwindCSS, DaisyUI |
| Icons | React Icons, @react-icons/all-files |
| Routing | React Router |
| Hosting & Auth | Firebase |
| Alerts | SweetAlert2 |
| Linting & Dev | ESLint, @vitejs/plugin-react |
# Core
react, react-dom, react-router, vite
# Styling
tailwindcss, daisyui
# Icons
react-icons, @react-icons/all-files
# Firebase
firebase
# Notifications
sweetalert2
# Development
eslint, @vitejs/plugin-react, @types/react, @types/react-dom