https://github.com/aldamayorgadev/05-cafeteria

Website Cafeteria with SASS
https://github.com/aldamayorgadev/05-cafeteria

css css-grid css3 flexbox git-flow gulpjs html5 mobile-first responsive-web-design sass

Last synced: about 2 months ago
JSON representation

Website Cafeteria with SASS

• Host: GitHub
• URL: https://github.com/aldamayorgadev/05-cafeteria
• Owner: AldaMayorgaDev
• Created: 2023-01-11T02:10:15.000Z (almost 2 years ago)
• Default Branch: develop
• Last Pushed: 2023-01-18T23:24:46.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T23:41:24.702Z (3 months ago)
• Topics: css, css-grid, css3, flexbox, git-flow, gulpjs, html5, mobile-first, responsive-web-design, sass
• Language: HTML
• Homepage: https://aldamayorgadev.github.io/05-Cafeteria/
• Size: 19.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Website de La cafetería ☕🥤🧁 :

## Índice📚 

* Acerca de 💻 

* Construido con 🛠️

* Deploy 🚀 

* Vista previa del proyecto 👀 

* Reporte de Lighthouse 💡 

* Instalación, configuración y ejecución 🧰 

## Acerca de 💻 

Este proyecto consiste en la creación un web site para "La cafeteria" utilizando HTML, CSS, JavaScritp, SASS, aprendiendo buenas prácticas, implementando responsive design con un enfoque Mobile First a través de Media Queries, uso de mixins y gulp.js Asi mismo, este proyecto se desarrollo utilizando el flujo de trabajo y control de versiones con git además el CSS ha sido escrito utilizando el enfoque de la metodologia estilos CSS de Módulos:

* .card{}

* .card h2{}

* .card img{}.

## Construido con 🛠️

_Las técnologias utilizadas para el desarrollo fueron:_

* HTML 

* CSS

* Flex-box

* CSS Grid

* SASS

* JavaScript

## Deploy 🚀  

* El deployment del proyecto se ha realizando en las plataformas:

    * GitHub Pages.

    * netlify.com

## Vista previa del proyecto 👀 

* 👀  [Proyecto]( https://aldamayorgadev.github.io/05-Cafeteria/)

## Reporte de Lighthouse 💡 



## Instalación, configuración y ejecución 🧰 

_A continuación se muestra un ejemplo de cómo es el proceso de instalación y configuración de la aplicación._

1. Clonar el repositorio

   ```sh

   git clone https://github.com/AldaMayorgaDev/05-Cafeteria.git

   ```

2. Instalación de Packages NPM

   ```sh

   npm install

   ```

3. Ejecución del proyecto    

   ```sh

   gulp

   ```

   o

   ```sh

   gulp dev

   ```

## Autores ✒️

* **Aldahir Mayorga** - *Trabajo Inicial* - [AldaMayorgaDev](https://github.com/AldaMayorgaDev)

---

⌨️ Hecho con ❤️ por [AldaMayorgaDev](https://github.com/AldaMayorgaDev) 😊🚀 2023.