⚡️ Cafetría

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.

🎯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

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.

🛠️Tecnologías y Herramientas

• 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.

🚀Estructura del Proyecto

• 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.

🧑‍💻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 deseas contribuir al proyecto, sigue estos pasos:

1. Haz un fork del repositorio.
2. Crea una nueva rama (git checkout -b feature-name).
3. Realiza tus cambios y haz commit (git commit -am 'Add new feature').
4. Sube la rama (git push origin feature-name).
5. Abre un Pull Request.

✨Licencia

Este proyecto está bajo la licencia MIT.

🙈Imagen de Rereferencia

🌐Ver Proyecto en la WEB

ver Proyecto

Todos los derechos reservados. La Cafetería 2024 ©.