☕ Coffee Shop Website

A modern, responsive coffee shop website featuring elegant design, interactive elements, and seamless user experience.

🌟 Features

• ✨ Responsive Design - Perfect on desktop, tablet, and mobile
• 🍃 Modern UI/UX - Clean, elegant interface with smooth animations
• 🛒 Interactive Cart - Dynamic shopping cart functionality
• 📱 Mobile-First - Optimized for mobile devices
• 🎨 Dark Theme - Sophisticated dark design with golden accents
• 📍 Contact Integration - Google Maps integration and contact form
• ⭐ Customer Reviews - Display testimonials with star ratings
• 📝 Blog Section - Latest coffee news and articles

🚀 Live Demo

🔗 View Live Website

📱 Screenshots

🛠️ Built With

• HTML5 - Semantic markup and structure
• CSS3 - Modern styling with Flexbox and Grid
• JavaScript - Interactive functionality and DOM manipulation
• Font Awesome - Beautiful icons
• Google Fonts - Roboto typography

📁 Project Structure

coffee-shop/
├── 📁 assets/
│   └── 📁 images/          # All image assets
├── 📁 src/
│   ├── 📁 css/
│   │   └── style.css       # Main stylesheet
│   └── 📁 js/
│       └── script.js       # JavaScript functionality
├── 📁 docs/                # Documentation
├── 📄 index.html           # Main HTML file
├── 📄 package.json         # Project configuration
└── 📄 README.md            # Project documentation

⚡ Quick Start

Option 1: Direct Download

1. Download or clone this repository
2. Open index.html in your browser
3. Enjoy the coffee shop experience!

Option 2: Development Setup

# Clone the repository
git clone https://github.com/prabasajee/coffee-shop.git

# Navigate to project directory
cd coffee-shop

# Install dependencies (optional)
npm install

# Start development server
npm start

🎨 Design Features

• Color Scheme: Dark background (#010103) with golden accents (#d3ad7f)
• Typography: Google Fonts (Roboto family)
• Layout: CSS Grid and Flexbox for responsive design
• Animations: Smooth CSS transitions and hover effects
• Icons: Font Awesome 6.6.0

📱 Browser Support

• ✅ Chrome (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Edge (latest)
• ✅ Mobile browsers

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Prabasajee

• GitHub: @prabasajee
• Project: Coffee Shop

🙏 Acknowledgments

• Font Awesome for beautiful icons
• Google Fonts for typography
• Unsplash for inspiration (replace with actual image sources)

---

⭐ Star this repository if you found it helpful!

🔗 Live Demo | 📧 Report Bug | 💡 Request Feature