Bienvenido al repositorio del proyecto de la Cafetería Web, un sitio web diseñado para capturar la esencia y la experiencia de disfrutar de una excelente taza de café en nuestra establecimiento. A través de este sitio, aspiramos a brindar a nuestros visitantes una vista previa de lo que significa ser parte de nuestra comunidad de amantes del café, introduciéndolos a nuestra historia, oferta culinaria y ambiente único.
- 📝Descripción
- 🛠️Tecnologías y Herramientas
- 🚀Estructura del Proyecto
- 🧑💻Uso
- 📌Instalación
- 🏗️Contribución
- ✨Licencia
- 🙈Imagen de Referencia
- 🌐Ver Proyecto en la WEB
Este proyecto consiste en el desarrollo de un sitio web para una cafetería, diseñado para proporcionar una experiencia envolvente a los usuarios. El sitio incluye secciones informativas sobre la cafetería, su menú de cafés, postres, y comidas, una galería visual de la experiencia en la cafetería, testimoniales de clientes, y detalles de contacto y ubicación. Está construido con tecnologías web estándar y presenta un diseño responsivo adaptado a varios dispositivos.
- HTML5: Lenguaje de marcado para la estructura de la página.
- CSS3: Estilos para el diseño y presentación.
- SCSS: Preprocesador usado para generación de código css.
- Google Fonts: Fuente utilizada para estilos de texto.
- Responsive Design: Diseño adaptable para dispositivos móviles y de escritorio.
- buil/css: Carpeta que contiene archivos CSS para diferentes estilos y tamaños de pantallas.
- build/img: Carpeta con imágenes optimizadas y con distintos formatos para la web.
- src/scss/: Carpeta con los códigos scss.
- src/img/: Imagenes fuente para el proyecto.
- index.html: Página principal de la tienda.
- nosotros.html: Información sobre la cafetería.
- proceso.html: Catálogo de los distintos procesos de la cafetería.
- menu.html: Lista de los distintos tipos de cafes y comida que se ofrece.
- galeria.html: Imágenes de productos y proyectos.
- contacto.html: Formulario de contacto.
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.
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
Si deseas contribuir al proyecto, sigue estos pasos:
- Haz un fork del repositorio.
- Crea una nueva rama (
git checkout -b feature-name
). - Realiza tus cambios y haz commit (
git commit -am 'Add new feature'
). - Sube la rama (
git push origin feature-name
). - Abre un Pull Request.
Este proyecto está bajo la licencia MIT.
Todos los derechos reservados. La Cafetería 2024 ©.