https://github.com/davidcortesa/restaurant
Healthy Restaurant Landing Page
https://github.com/davidcortesa/restaurant
babel eslint material-ui-icons react sass webpack
Last synced: 3 months ago
JSON representation
Healthy Restaurant Landing Page
- Host: GitHub
- URL: https://github.com/davidcortesa/restaurant
- Owner: DavidCortesA
- Created: 2023-03-15T05:50:23.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-21T15:32:29.000Z (over 3 years ago)
- Last Synced: 2025-08-17T20:26:20.442Z (10 months ago)
- Topics: babel, eslint, material-ui-icons, react, sass, webpack
- Language: JavaScript
- Homepage: https://davidcortesa.github.io/restaurant/
- Size: 8.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🍽️ 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](https://davidcortesa.github.io/restaurant/)
### 🛠️ Tecnologías utilizadas 🛠️
- React ⚛️
- Sass 💄
- Material UI 🎨
- ESLint 🚨
- Babel 🐠
- Webpack 📦
### 📁 Estructura del proyecto 📁
El proyecto está organizado en la siguiente estructura de directorios:
```react
.
├── 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 🖥️:
```sh
git clone https://github.com/DavidCortesA/Restaurant.git
```
2. Ingresar al directorio del proyecto 📂:
```sh
cd Restaurant
```
3. Instalar las dependencias del proyecto 📦:
```sh
npm install
```
Para iniciar el proyecto en modo de desarrollo, ejecute el siguiente comando:
```sh
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:
```sh
npm run build
```
### 📄 Licencia 📄
Este proyecto está bajo la licencia MIT. Ver archivo [LICENSE](https://github.com/kefranabg/readme-md-generator/blob/master/LICENSE) para más detalles.