This is my capstone project for Meta's "Front-End Developer" course on Coursera. It encompasses designing and building a responsive site, from scratch, using Figma and React.
- Design and prototype the "Reserve a Table" feature for the Little Lemon restaurant website using Figma. It needs it's own page on the main navigation and must have a confirmation page.
- Include designing information architecture, and incorporating text, animations and graphics of branding and content.
- Create a solution to the problem, a persona, a journey map, low-fidelity wireframes and an interactive high-fidelity prototype.
- Flesh out the provided Figma style & UI guide to help create the site.
- Use appropriate semantic HTML & open graph tags.
- Make the layout responsive to mobile and desktop browsers.
- Make use of state in the booking form; implement client-side validation for the interactive date/time picker utilizing a custom mock API
- Utilize unit tests using React Testing Library and make sure they all pass successfully.
This project was bootstrapped with Create React App.
In the project directory, you can run:
npm startnpm test