A fully responsive and SEO-optimized restaurant website built with HTML, CSS, and JavaScript. It features a modern UI with smooth animations, interactive elements, and a clean user experience.
👉 https://sunrisecafeatx.netlify.app/
- Clean and user-friendly interface
- Fully responsive design (mobile, tablet, and desktop)
- Dynamic menu filtering system
- Interactive shopping cart with add/remove items, client-side storage, and mock checkout
- Testimonial slider
- Embedded Google Maps integration
- Smooth animations and transitions
- Optimized for performance and SEO with CSS preload and faster font delivery
- Compressed images for faster loading
- Accessibility improvements, including a skip link and semantic landmark structure
- Clone the repository:
git clone https://github.com/andrewcoder58/sunrise-cafe.git- Navigate into the project folder:
cd sunrise-cafe- Open the project:
- Double-click
index.html, or - Use a live server (recommended)
sunrise-cafe/
│── index.html
│── styles.css
│── script.js
│── assets/
│ ├── gallery/
│ ├── hero/
│ ├── interior/
│ ├── menu_bakery/
│ ├── menu_brunch/
│ └── menu_drinks/
│── favicon/You can easily customize the project:
- Update menu items in
index.html - Modify styles in
styles.css - Edit interactivity in
script.js - Replace images in the
assets/folders - Update favicon in the
favicon/directory
Contributions are welcome!
- Fork the repository
- Create your feature branch:
git checkout -b feature/YourFeature- Commit your changes:
git commit -m "Add your feature"- Push to the branch:
git push origin feature/YourFeature- Open a Pull Request
This project is licensed under the MIT License.
See the LICENSE file for details.