Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jmatochepascual/cafeteria
https://github.com/jmatochepascual/cafeteria
css-flexbox css-grid-layout css3 git gulp html-semantics html5 nodejs sass
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jmatochepascual/cafeteria
- Owner: JmAtochePascual
- Created: 2024-04-02T19:10:12.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-04T11:20:38.000Z (6 months ago)
- Last Synced: 2024-10-11T20:40:37.889Z (4 months ago)
- Topics: css-flexbox, css-grid-layout, css3, git, gulp, html-semantics, html5, nodejs, sass
- Language: HTML
- Homepage: https://jmatochepascual.github.io/Cafeteria/
- Size: 20.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚡️ 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](#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
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](https://opensource.org/licenses/MIT).
## Imagen de Rereferencia
## Ver Proyecto en la WEB
[ver Proyecto](https://jmatochepascual.github.io/Cafeteria/)
Todos los derechos reservados. La Cafetería 2024 ©.