This is the second project of the fulltime Software Engineering program at TripleTen. It was created using HTML and CSS, based on the design brief. The Coffee Shop Landing Page is a responsive, single-page website designed to represent a cozy and eco-conscious café located in the Triple Peaks Library. The website includes multiple sections such as:
- A welcoming hero section with shop hours and location details.
- An embedded video recipes section for home coffee enthusiasts.
- A reservation form to book tables directly on the site.
- A detailed menu with pricing.
- An informative about section showcasing the café's values.
- A footer with social media links and contact information.
- Semantic HTML5
- Flexbox
- Positioning
- Flat BEM file structure
- A custom form
- CSS animation and transform
While the current version serves as a strong foundation, here are some planned enhancements for future development:
- Add responsive styling with media queries to improve mobile usability.
- Improve accessibility by incorporating ARIA labels and enhancing color contrast.
- Integrate a back-end service or Google Sheets API for storing reservation form submissions.
- Enhance menu by dynamically loading data using JavaScript or connecting to a CMS.