Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jmatochepascual/escuela-cocina
Escuela Cocina
https://github.com/jmatochepascual/escuela-cocina
css-flexbox-layout css-grid-layout css3 git github gulp html html5-se nodejs sass
Last synced: 4 months ago
JSON representation
Escuela Cocina
- Host: GitHub
- URL: https://github.com/jmatochepascual/escuela-cocina
- Owner: JmAtochePascual
- Created: 2024-04-22T13:15:08.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T11:56:04.000Z (6 months ago)
- Last Synced: 2024-10-11T20:40:36.122Z (4 months ago)
- Topics: css-flexbox-layout, css-grid-layout, css3, git, github, gulp, html, html5-se, nodejs, sass
- Language: SCSS
- Homepage: https://jmatochepascual.github.io/Escuela-Cocina/
- Size: 3.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚡️ Escuela Cocina
Este proyecto es un sitio web diseñado para ofrecer cursos de cocina de alta calidad, facilitando a los usuarios la búsqueda y reserva de clases culinarias. Desde la cocina italiana para principiantes hasta técnicas avanzadas de pastelería, proporcionamos una interfaz sencilla y elegante para la interacción del usuario, garantizando una experiencia educativa enriquecedora y deliciosa.
## 🎯 Contenido
1. 📝[Descripción](#descripción)
2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)
3. 🚀[Estructura del Proyecto](#estructura-del-proyecto)
4. 🧑💻[Uso](#uso)
5. 📌[Instalación](#instalación)
6. 🏗️[Contribución](#contribución)
7. ✨[Licencia](#licencia)
8. 🙈[Imagen de Referencia](#imagen-de-rereferencia)
9. 🌐[Ver Proyecto en la WEB](#ver-proyecto-en-la-web)## Descripción
Escuela Cocina es una plataforma dedicada al arte culinario que conecta a los entusiastas de la cocina con una variedad de cursos y talleres. Cada curso está diseñado para proporcionar conocimientos prácticos y técnicas profesionales, destacándose por su calidad y atención al aprendizaje. Los visitantes pueden explorar diferentes clases, leer descripciones detalladas, ver imágenes apetitosas y reservar su lugar en línea fácilmente.
## Tecnologías y Herramientas
- **HTML5**: Para la estructura de la página.
- **CSS3**: Para los estilos y el diseño visual.
- **SCSS**: Preprocesador usado para generación de código css.
- **Gulp**: Automatizador de tareas para la compilación de sass y optimización de imagenes.
- **SVG Avif Webp**: Formatos de imagen para gráficos e iconos de alta calidad.
- **Responsive Design**: Asegura que la web sea accesible en cualquier dispositivo.## Estructura del Proyecto
- **build/css/**: Carpeta con los estilos compilados.
- **build/img/**: Carpeta con imágenes optimizadas para el sitio.
- **src/fonts/**: Carpeta con fuentes locales para el proyecto.
- **favicon/**: Iconos de la aplicación para diferentes dispositivos y navegadores.
- **index.html**: Página principal.## Uso
Este proyecto utiliza Gulp para automatizar el proceso de compilación de archivos SCSS a CSS, facilitando el desarrollo y la implementación. Asegúrate de seguir los siguientes pasos para configurar tu entorno de desarrollo.
Antes de comenzar, necesitarás tener Node.js y npm (Node Package Manager) instalados en tu máquina.
## Instalación
Desde el directorio raíz del proyecto, ejecuta el siguiente comando para instalar las dependencias necesarias, incluido Gulp y el compilador de Sass. Esto leerá el archivo package.json y instalará las dependencias listadas en devDependencies.
```
npm i
```Para compilar los archivos SCSS a CSS utilizando Gulp, puedes utilizar uno de los siguientes comandos
```
gulp dev
```## Contribución
Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:
1. Haz un fork del repositorio.
2. Crea una nueva rama para tu característica (`git checkout -b mi-nueva-característica`).
3. Compromete tus cambios (`git commit -am 'Añadir alguna característica'`).
4. Empuja la rama (`git push origin mi-nueva-característica`).
5. Abre un pull request.## Licencia
Este proyecto está bajo la licencia [MIT](https://opensource.org/licenses/MIT).
## Imagen de Rereferencia
![](https://i.postimg.cc/QMgpSFVc/Escuela-Cocina.png)
## Ver Proyecto en la WEB
Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/Escuela-Cocina/).
Todos los derechos reservados Escuela Cocina 2024 ©.