⚡️ 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:

   git checkout -b feature-name

3. Realiza y confirma tus cambios:

   git commit -am 'Add new feature'

4. Sube los cambios a tu repositorio:

   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.

Imagen de Rereferencia

¡Visita Nuestro Proyecto!

¿Quieres ver Delivery App en acción? ¡Haz clic aquí! 👉 Visitar Delivery App

Hecho con 💚 por Delivery App | ©2025 - Transformando tu comida en una experiencia única