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.
- Descripción
- Tecnologías y Herramientas
- Estructura del Proyecto
- Uso
- Instalación
- Contribución
- Imagen de Referencia
- Ver Proyecto en la WEB
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.
- 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.
- 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.
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.
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
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.
Este proyecto está bajo la licencia MIT.
© 2024 AppComida. Todos los derechos reservados.