{"id":28487198,"url":"https://github.com/dimplektech/brews-bites-cafe","last_synced_at":"2026-01-29T22:38:26.274Z","repository":{"id":294686222,"uuid":"983734766","full_name":"Dimplektech/Brews-Bites-Cafe","owner":"Dimplektech","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-20T14:37:39.000Z","size":29672,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-01T17:44:04.022Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Dimplektech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-14T20:44:54.000Z","updated_at":"2025-06-20T14:37:42.000Z","dependencies_parsed_at":"2025-07-01T17:49:42.087Z","dependency_job_id":null,"html_url":"https://github.com/Dimplektech/Brews-Bites-Cafe","commit_stats":null,"previous_names":["dimplektech/brews-bites-cafe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Dimplektech/Brews-Bites-Cafe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dimplektech%2FBrews-Bites-Cafe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dimplektech%2FBrews-Bites-Cafe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dimplektech%2FBrews-Bites-Cafe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dimplektech%2FBrews-Bites-Cafe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dimplektech","download_url":"https://codeload.github.com/Dimplektech/Brews-Bites-Cafe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dimplektech%2FBrews-Bites-Cafe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28888427,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-29T21:06:44.224Z","status":"ssl_error","status_checked_at":"2026-01-29T21:06:42.160Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-08T04:12:38.703Z","updated_at":"2026-01-29T22:38:26.253Z","avatar_url":"https://github.com/Dimplektech.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Brews \u0026 Bites Cafe Website\r\n\r\n![Brews \u0026 Bites Logo](images/cafe-icon.png)\r\n\r\n## Live Demo\r\n[Visit Brews \u0026 Bites Cafe Website](https://dimplektech.github.io/Brews-Bites-Cafe/)\r\n\r\n## Table of Contents\r\n\r\n- [Overview](#overview)\r\n- [Features](#features)\r\n  - [Home Page](#home-page)\r\n  - [Menu Page](#menu-page)\r\n  - [Cart System](#cart-system)\r\n  - [Checkout Process](#checkout-process)\r\n  - [Weather-Based Drink Suggestions](#weather-based-drink-suggestions)\r\n  - [Responsive Design](#responsive-design)\r\n- [Performance Optimizations](#performance-optimizations)\r\n- [Technologies Used](#technologies-used)\r\n- [Testing](#testing)\r\n- [Project Structure](#project-structure)\r\n- [Setup and Installation](#setup-and-installation)\r\n- [Browser Compatibility](#browser-compatibility)\r\n- [Future Enhancements](#future-enhancements)\r\n- [License](#license)\r\n- [Credits](#credits)\r\n\r\n## Overview\r\nBrews \u0026 Bites is a responsive, feature-rich website for a modern coffee shop and cafe. Built with HTML, CSS, and JavaScript, this project provides a complete online presence for a cafe business, featuring menu exploration, cart functionality, and a seamless checkout experience. A standout feature is the innovative weather-based drink suggestion system that uses the Open-Meteo API and browser geolocation to recommend personalized beverage choices based on local weather conditions, temperature, and time of day.\r\n\r\n## Features\r\n\r\n### Weather-Based Drink Suggestions\r\n- Real-time weather detection using geolocation\r\n- Personalized drink recommendations based on:\r\n  - Current temperature (hot/cold weather options)\r\n  - Weather conditions (rainy, sunny, cloudy, etc.)\r\n  - Time of day (morning, afternoon, evening options)\r\n- Direct links to recommended items in the menu\r\n- Graceful fallbacks when geolocation is unavailable\r\n\r\n### Theme Toggle\r\n- Dark and light mode options for user preference\r\n- Persistent theme selection using localStorage\r\n- Automatic color scheme adjustments for all UI elements\r\n- Toggle button with animated sun/moon icon transition\r\n- System preference detection for initial theme setting\r\n\r\n### Home Page\r\n- Responsive hero section with captivating imagery\r\n- Featured items section highlighting special menu offerings\r\n- Contact information with location details\r\n- Weather-based drink recommendations\r\n\r\n### Menu Page\r\n- Categorized menu items (Coffee, Tea, Pastries, Sandwiches, Desserts)\r\n- Navigation tabs for easy category switching\r\n- Search functionality to find specific items\r\n- Item cards with images, descriptions, and prices\r\n- Add to cart functionality with visual confirmation\r\n- Dark/Light mode toggle for improved user experience\r\n\r\n### Cart System\r\n- Real-time cart updates with localStorage persistence\r\n- Add, increase, decrease, and remove items\r\n- Quantity controls with dynamic price calculation\r\n- Subtotal, tax, and total price calculations\r\n- Empty cart handling with redirect to menu\r\n\r\n### Checkout Process\r\n- Customer information collection\r\n- Payment form (simulated)\r\n- Order summary and confirmation\r\n- Detailed receipt generation with:\r\n  - Customer details\r\n  - Itemized purchase list\r\n  - Price breakdown\r\n  - Print receipt functionality\r\n\r\n \r\n### Responsive Design\r\n- Mobile-first approach\r\n- Works on all device sizes (phones, tablets, desktops)\r\n- Hamburger menu for mobile navigation\r\n- Flexible layouts using CSS Grid and Flexbox\r\n\r\n![Responsive Design](images/readme-Images/responsive-images.png)\r\n\r\n## Performance Optimizations\r\n\r\n### Loading Speed\r\n- **Image Optimization**: All images compressed and served in appropriate sizes for different devices\r\n- **Responsive Images**: Multiple resolution variants for hero banners to reduce bandwidth on mobile devices\r\n- **Lazy Loading**: Images below the fold load only when needed to improve initial page load time\r\n- **Minified Assets**: CSS and JavaScript files minified to reduce file size\r\n\r\n\r\n### Progressive Enhancement\r\n- **Weather-Based Recommendations**: Falls back gracefully when geolocation is unavailable\r\n- **Custom Font Loading**: Uses system fonts during loading to prevent text flicker\r\n- **No-JavaScript Experience**: Core content and navigation remain functional without JavaScript\r\n\r\n### Accessibility\r\n- **Semantic HTML**: Properly structured content for screen readers\r\n- **Keyboard Navigation**: Full site navigation possible using only keyboard\r\n- **Color Contrast**: All text meets minimum contrast ratios for readability\r\n\r\n## Technologies Used\r\n\r\n- **HTML5**: Semantic markup for structure\r\n- **CSS3**: Styling with variables for theming, animations, and responsive design\r\n- **JavaScript**: Interactive features, cart functionality, form handling\r\n- **LocalStorage API**: Client-side data persistence for cart\r\n- **Font Awesome**: Icons for enhanced UI elements\r\n- **Open-Meteo API**: Weather data for personalized drink suggestions\r\n- **Geolocation API**: User location detection for weather-based features\r\n\r\n## Testing\r\n### ✅ HTML Validation\r\n  ![HTML validation](images/readme-Images/html-validation.png)\r\n\r\n### ✅ CSS Validation\r\n  ![CSS validation](images/readme-Images/css-validation.png)\r\n\r\n### ✅ JavaScript Debugging – Console logging \u0026 error fixing.\r\n\r\n### ✅ Lighthouse Performance\r\n    Performance testing with Google Lighthouse:\r\n   ![Lighthouse Performance Score](images/readme-Images/lighthouse-score.png)\r\n\r\n### ✅ Responsive Testing- Tested on mobile, tablet, and desktop.\r\n\r\n## 🚀 Deployment\r\n### Deployed via GitHub Pages\r\nThe site is live at: [📌 Brews \u0026 Bites Cafe](https://dimplektech.github.io/Brews-Bites-Cafe/)\r\n\r\n\r\n## Setup and Installation\r\n\r\n1. Clone the repository or download the ZIP file\r\n2. Extract the files to your desired location\r\n3. Open `index.html` in your web browser\r\n\r\nNo server or build process is required as this is a static website.\r\n\r\n## Future Enhancements\r\n\r\n- User accounts and login system\r\n- Order history tracking\r\n- Online ordering with real payment processing\r\n- Admin panel for menu management\r\n- Customer reviews and ratings\r\n- Newsletter subscription\r\n- Expanded weather API integration with seasonal specials\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License - see the LICENSE file for details.\r\n\r\n## Credits\r\n\r\n- Images: [Unsplash](https://unsplash.com)\r\n- Icons: [Font Awesome](https://fontawesome.com)\r\n- Fonts: Google Fonts\r\n- Weather Data: [Open-Meteo API](https://open-meteo.com)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimplektech%2Fbrews-bites-cafe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimplektech%2Fbrews-bites-cafe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimplektech%2Fbrews-bites-cafe/lists"}