Giter Site home page Giter Site logo

jmatochepascual / escuela-cocina Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.31 MB

Escuela Cocina

Home Page: https://jmatochepascual.github.io/Escuela-Cocina/

JavaScript 7.47% HTML 45.21% SCSS 47.32%
css-flexbox-layout css-grid-layout css3 git github gulp html nodejs sass html5-se

escuela-cocina's Introduction

⚡️ 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. Licencia
  8. 🙈Imagen de Referencia
  9. 🌐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 ©.

escuela-cocina's People

Contributors

jmatochepascual avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.