https://github.com/danielpaez-dev/little-lemon-restaurant
Little Lemon Restaurant from Meta Front-End Developer Capstone Project in Meta Front-End Developer Course
https://github.com/danielpaez-dev/little-lemon-restaurant
api bootstrap certificate coursera css figma formik html5 javascript meta react react-bootstrap scss website yup
Last synced: about 2 months ago
JSON representation
Little Lemon Restaurant from Meta Front-End Developer Capstone Project in Meta Front-End Developer Course
- Host: GitHub
- URL: https://github.com/danielpaez-dev/little-lemon-restaurant
- Owner: danielpaez-dev
- Created: 2024-12-08T19:47:17.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-03-11T18:30:21.000Z (about 2 months ago)
- Last Synced: 2025-03-11T18:35:52.271Z (about 2 months ago)
- Topics: api, bootstrap, certificate, coursera, css, figma, formik, html5, javascript, meta, react, react-bootstrap, scss, website, yup
- Language: JavaScript
- Homepage:
- Size: 105 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meta Front-End Developer Capstone Project
[Español](README-es.md)
## Little-Lemon Website 🍋
Welcome to the Little Lemon Website repository. This project was created as part of Meta's Front-End Development course on Coursera.
### Project Overview
The Little Lemon Website is a responsive and interactive website designed for a fictional restaurant called "Little Lemon". The website is built with modern web technologies including HTML, CSS, SCSS, JavaScript, React, and is based on designs created in Figma. It features a menu, booking form, and other components that allow users to interact with the restaurant's services.
With this project I test my knowledge by using React, figma wireframes, prototypes and system design, advance use of SCSS, testing, 404 pages, documentation, responsive design, accesibility and API consumption.
### Features
- **Responsive Design**: The website adapts to various screen sizes, providing a seamless experience on both desktop and mobile devices.
- **Interactive Booking Form**: Users can fill out a booking form to make reservations.
- **Menu Display**: A section showcasing the restaurant's menu with dynamic content.
- **Modern UI**: The website uses a clean, user-friendly design with an attractive color palette and typography.
### Technologies Used
- **HTML**: Structure and content of the website.
- **CSS**: Styling and layout of the website, including responsive design techniques.
- **SCSS**: Advanced CSS preprocessor used to enhance the styling with variables, nesting, and more maintainable code.
- **JavaScript**: Client-side functionality and interactivity.
- **React**: A JavaScript library for building user interfaces, used to create reusable components.
- **React-Bootstrap**: UI components for building responsive layouts.
- **Formik & Yup**: Form handling and validation for the booking form.
- **Figma**: Design tool used to create the wireframes and UI/UX design for the website.
### Getting Started
To run this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/Daniel-Paez-Rojas/little-lemon-restaurant.git
2. **Run localy the website by**:
```bash
npm run start