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 netlify react react-bootstrap scss website yup
Last synced: 3 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T18:38:25.000Z (over 1 year ago)
- Last Synced: 2025-12-25T19:55:06.783Z (6 months ago)
- Topics: api, bootstrap, certificate, coursera, css, figma, formik, html5, javascript, meta, netlify, react, react-bootstrap, scss, website, yup
- Language: JavaScript
- Homepage: https://little-lemon-restaurant-danielpaezdev.netlify.app/
- Size: 105 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-es.md
Awesome Lists containing this project
README
# Proyecto final de desarrollador Front-End de Meta
[English](README.md)
## Little-Lemon web 🍋
Bienvenido al repositorio de Little Lemon Website. Este proyecto fue creado como parte del curso Front-End Development de Meta en Coursera.
### Descripción del proyecto
El sitio web de Little Lemon es un sitio web responsivo e interactivo diseñado para un restaurante ficticio llamado "Little Lemon". El sitio web está construido con tecnologías web modernas, incluyendo HTML, CSS, SCSS, JavaScript, React, y se basa en diseños creados en Figma. Cuenta con un menú, formulario de reserva, y otros componentes que permiten a los usuarios interactuar con los servicios del restaurante.
Con este proyecto pongo a prueba mis conocimientos utilizando React, wireframes en Figma, prototipos y diseño del sistema, uso avanzado de SCSS, testing, página 404, documentación, diseño responsive, accesibilidad y consumo de APIs.
### Características
- **Diseño responsivo**: El sitio web se adapta a varios tamaños de pantalla, proporcionando una experiencia fluida tanto en dispositivos de escritorio como móviles.
- **Formulario de reserva interactivo**: Los usuarios pueden rellenar un formulario de reserva para hacer reservas.
- **Visualización del menú**: Una sección que muestra el menú del restaurante con contenido dinámico.
- **Interfaz de usuario moderna**: El sitio web utiliza un diseño limpio y fácil de usar con una paleta de colores y una tipografía atractivas.
### Tecnologías utilizadas
- **HTML**: Estructura y contenido del sitio web.
- **CSS**: Diseño del sitio web, incluidas técnicas de responsividad.
- **SCSS**: Preprocesador CSS avanzado utilizado para mejorar el estilo con variables, anidamiento y código más fácil de mantener.
- **JavaScript**: Funcionalidad e interactividad del lado del cliente.
- **React**: Una biblioteca JavaScript para construir interfaces de usuario, utilizada para crear componentes reutilizables.
- **React-Bootstrap**: Componentes de interfaz de usuario para crear diseños responsivos.
- **Formik y Yup**: Manejo de formularios y validación para el formulario de reserva.
- **Figma**: Herramienta de diseño utilizada para crear los wireframes y el diseño UI/UX del sitio web.
### Cómo empezar
Para ejecutar este proyecto localmente, siga estos pasos:
1. **Clonar el repositorio:**
```bash
git clone https://github.com/Daniel-Paez-Rojas/little-lemon-restaurant.git
2. **Ejecutar localmente el sitio web con**:
```bash
npm run start