⚡️ AppComida

Este proyecto es una página web diseñada para facilitar la entrega de comida desde tus restaurantes favoritos hasta tu puerta. Proporciona una experiencia de usuario intuitiva y atractiva, permitiendo a los usuarios descubrir nuevos restaurantes, navegar por menús, y ordenar comida en línea con facilidad.

🎯 Contenido

Descripción

El proyecto es una página web que sirve como plataforma para la entrega de comida, conectando a los usuarios con una amplia variedad de restaurantes. Ofrece una experiencia de navegación fluida y funcionalidades como búsqueda de platillos, recomendaciones personalizadas, y seguimiento en tiempo real de los pedidos.

Tecnologías y Herramientas

HTML5: Lenguaje de marcado para la estructura y contenido.
CSS3: Hojas de estilo para el diseño y la presentación visual.
SCSS: Preprocesador usado para generación de código css.
SVG Avif Webp: Formatos de imagen para gráficos e iconos de alta calidad.
Responsive Design: Asegura que la web sea accesible en cualquier dispositivo.

Estructura del Proyecto

build/css/: Contiene los archivos CSS para estilos de la página.
build/img/: Carpeta con imágenes y iconos utilizados en el sitio.
favicon/: Iconos de la aplicación para diferentes dispositivos y navegadores.
index.html: Página principal con formulario de búsqueda y navegación.
Secciones de Testimoniales, Restaurantes Favoritos, etc.: Integradas en la página principal para una experiencia unificada.

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 estás interesado en contribuir, te invitamos a colaborar. Cualquier mejora en funcionalidades, diseño o cualquier otra aportación es bienvenida. Sigue los pasos habituales: fork, clona, crea tu feature branch, commit tus cambios, push a la branch y abre un pull request.