🍽️ Landing Page de Restaurante 🍔

Este proyecto es una landing page para un restaurante ficticio, diseñado para mejorar mis conocimientos en React, Sass, Material UI, ESLint, Babel y Webpack.

Demo - Demo

🛠️ Tecnologías utilizadas 🛠️

• React ⚛️
• Sass 💄
• Material UI 🎨
• ESLint 🚨
• Babel 🐠
• Webpack 📦

📁 Estructura del proyecto 📁

El proyecto está organizado en la siguiente estructura de directorios:

.
├── public 🌍
│   ├── index.html 📄
└── src 📁
    ├── Assets  🖼
    │   ├── images 🖼
    │   ├── images 🖼
    │   ├── images 🖼
    ├── components 🧩
    │   ├── About 🙎‍♂️
    │   ├── Footer 🦶
    │   ├── Contact 📓
    │   ├── Testimonial 🧑
    │   ├── Home 🧢
    │   ├── Navbar 📋
    │   └── Work 🦺
    ├── styles 🎨
    │   ├── _variables.scss 🎨
    │   └── style.scss 💄
    ├── App.js 📝
    └── index.js 📝

• La carpeta public 🌍 contiene los archivos estáticos del proyecto, como el archivo HTML y las imágenes.
• La carpeta src 📁 contiene el código fuente del proyecto.
• La carpeta src/components 🧩 contiene los componentes de React reutilizables.
• La carpeta src/styles 🎨 contiene los archivos de estilos en Sass.
• El archivo App.js 📝 es el punto de entrada del proyecto y contiene la lógica principal.
• El archivo index.js 📝 es el archivo de entrada de Webpack y se encarga de renderizar la aplicación en el DOM.

🚀 Instalación y Ejecución 🚀

Para instalar las dependencias del proyecto, siga los siguientes pasos:

1. Clonar este repositorio en su computadora 🖥️:

git clone https://github.com/DavidCortesA/Restaurant.git

2. Ingresar al directorio del proyecto 📂:

cd Restaurant

3. Instalar las dependencias del proyecto 📦:

npm install

Para iniciar el proyecto en modo de desarrollo, ejecute el siguiente comando:

npm run start

Luego abra su navegador en la dirección http://localhost:8080 🌐.

Para construir el proyecto para producción, ejecute el siguiente comando:

npm run build

📄 Licencia 📄

Este proyecto está bajo la licencia MIT. Ver archivo LICENSE para más detalles.