Skip to content

JmAtochePacual/Escuela-Cocina

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡️ 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
  2. Tecnologías y Herramientas
  3. Estructura del Proyecto
  4. Uso
  5. Instalación
  6. Contribución
  7. Imagen de Referencia
  8. 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.

🙈Imagen de Rereferencia

🌐Ver Proyecto en la WEB

Puedes ver el proyecto en funcionamiento aquí.

Todos los derechos reservados Escuela Cocina 2024 ©.