https://github.com/jmatochepascual/deliveryapp
Delivery App
https://github.com/jmatochepascual/deliveryapp
css3 flexbox-css git grid-layout gulpjs html5-semantic nodejs sass
Last synced: about 1 year ago
JSON representation
Delivery App
- Host: GitHub
- URL: https://github.com/jmatochepascual/deliveryapp
- Owner: JmAtochePascual
- Created: 2024-04-07T02:44:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-18T18:58:55.000Z (over 1 year ago)
- Last Synced: 2025-03-27T22:45:11.063Z (over 1 year ago)
- Topics: css3, flexbox-css, git, grid-layout, gulpjs, html5-semantic, nodejs, sass
- Language: HTML
- Homepage: https://jmatochepascual.github.io/DeliveryApp/
- Size: 3.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚡️ Delivery App
Bienvenido a Delivery App, una aplicación web moderna y dinámica diseñada para revolucionar la forma en que interactuamos con la comida. Este proyecto nace de la necesidad de crear una plataforma intuitiva que conecte a los amantes de la gastronomía con experiencias culinarias excepcionales.
Nuestra aplicación está construida con las últimas tecnologías web, ofreciendo una interfaz elegante y funcional que prioriza la experiencia del usuario. El diseño responsivo garantiza una navegación fluida en cualquier dispositivo, mientras que la arquitectura optimizada asegura tiempos de carga rápidos y un rendimiento excepcional. La plataforma integra características esenciales como un sistema de búsqueda avanzado, gestión de pedidos en tiempo real, y una interfaz de usuario intuitiva que hace que explorar y ordenar comida sea una experiencia placentera y sin complicaciones.
## 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/SASS**: Preprocesador CSS para una escritura más eficiente de estilos.
- **Gulp**: Automatización de tareas como compilación de SCSS, optimización de imágenes y más.
- **PostCSS**: Procesamiento de CSS con plugins como Autoprefixer y CSSnano.
- **Responsive Design**: Diseño adaptable para todos los dispositivos.
- **Formatos de imagen modernos**: Soporte para WebP y AVIF para optimizar el rendimiento.
- **Favicon**: Iconos personalizados para diferentes dispositivos y plataformas.
## Estructura del Proyecto
- **build/css**: Carpeta que contiene los archivos CSS compilados y optimizados para producción.
- **build/img**: Carpeta con imágenes optimizadas en formatos WebP y AVIF para mejor rendimiento web.
- **src/scss**: Carpeta con los archivos fuente SCSS organizados en módulos y componentes.
- **src/img**: Carpeta con las imágenes originales sin optimizar.
- **index.html**: Página de inicio que presenta la aplicación de Delivery App y sus funcionalidades.
## Uso
Para visualizar el proyecto localmente, sigue estos pasos:
1. Clona este repositorio:
```
git clone https://github.com/JMatochePascual/DeliveryApp.git
```
2. Navega al directorio del proyecto:
```
cd AppComida
```
3. Abre el archivo `index.html` en tu navegador web preferido
4. Opcionalmente, puedes usar un servidor local como Live Server para una mejor experiencia
## Instalación
### Requisitos Previos
Para trabajar con este proyecto necesitarás:
- Node.js (versión 14 o superior)
- npm (Node Package Manager)
- Conocimientos básicos de la terminal/línea de comandos
Para comenzar a trabajar con este proyecto, sigue estos pasos:
1. Clona este repositorio:
```
git clone https://github.com/jmatochepascual/DeliveryApp.git
```
2. Navega al directorio del proyecto:
```
cd DeliveryApp
```
3. Instala las dependencias:
```
npm i
```
4. Compila los archivos SCSS a CSS:
```
gulp dev
```
## Contribución
Si deseas contribuir al proyecto, por favor sigue estos pasos en orden:
1. Haz un fork del repositorio.
2. Crea una nueva rama para tu funcionalidad:
```bash
git checkout -b feature-name
```
3. Realiza y confirma tus cambios:
```bash
git commit -am 'Add new feature'
```
4. Sube los cambios a tu repositorio:
```bash
git push origin feature-name
```
5. Abre un Pull Request desde tu repositorio hacia el proyecto principal
## Licencia
Este proyecto está bajo la licencia [MIT](https://opensource.org/licenses/MIT).
## Imagen de Rereferencia
## ¡Visita Nuestro Proyecto!
¿Quieres ver Delivery App en acción? ¡Haz clic aquí! 👉 [Visitar Delivery App](https://jmatochepascual.github.io/DeliveryApp/)
Hecho con 💚 por Delivery App | ©2025 - Transformando tu comida en una experiencia única