https://dallaschan1.github.io/Front-End-Development-Assignment/
Goodness Eats is a user-centric website designed for a modern restaurant experience. The platform enables users to peruse an extensive menu, make reservations, and familiarize themselves with the restaurant's offerings and its expert culinary team. Focused on convenience and a holistic dining experience, Goodness Eats stands as the ideal choice for adults seeking quality, flavor, and a warm ambiance.
- Adults who value a sophisticated dining experience are the primary audience for Goodness Eats.
- The site's main function is to facilitate effortless reservation placements, thereby boosting restaurant revenue and enhancing customer satisfaction.
- As an adult, I want to view the menu so I can decide whether to visit the restaurant.
- Adobe XD was employed for wireframe and mockup creation, ensuring an intuitive and visually appealing design.
- Menu View: Allows users to explore our diverse culinary offerings, aiding in their decision-making process.
- Reservation System: A streamlined system for placing reservations, capable of saving user information for future convenience.
- Chef Information: Features an engaging card design that showcases the accolades of our chefs, thereby attracting user attention and establishing trust in our culinary expertise.
- A shopping cart? where perhaps users can order delivery.
- JavaScript: Used for dynamic content manipulation and enhancing user interactivity.
- HTML: Employed for structuring the content of the website.
- CSS: Utilized for styling and visually organizing the website content.
- The website was rigorously tested across a range of screen sizes to ensure functionality and responsiveness.
- All features were found to be fully operational and visually consistent on screen widths ranging from 1960px down to 500px.
- Create Reservation Feature:
- Functionality: This feature works seamlessly across screen widths from 1960px to 500px.
- Visual Consistency: The sizing of elements within the 'Create Reservation' feature remains consistent and operational down to 500px. However, below 500px (down to 300px), while still functional, the sizing of some elements is slightly off, potentially affecting the visual appeal.
- Responsiveness Enhancement: Aiming to improve the visual layout of the 'Create Reservation' feature on screen widths below 500px, ensuring a uniformly excellent user experience across all devices.
- Chef Amy Richardson: Image sourced from Alamy.
- Chef Marco Alvarez: Image sourced from Michelin Guide.
- Chef Elena Soto: Profile featured in The World's 50 Best.
- Images of food dishes sourced from Pixabay.
- The design inspirations for the website were drawn from various sources, including the YouTube video Design a Modern Website.
- The text and content were crafted specifically for Goodness Eats.
- The design inspirations and some images were sourced from a YouTube tutorial: Design a Modern Website.
- Inspiration for this project was drawn from various contemporary restaurant websites, user interface designs, and specifically the YouTube tutorial mentioned above.