🏫 Universidad Catolica Boliviana San Pablo
- Cesar Sebastian Zambrana Ventura
- Adrian Santiago Rada Paredes
- Alain Antonhy Flores Tapia
- Proyecto final del curso [ISW-111] Fundamentos en Ingeniería de Software. Este proyecto ha sido desarrollado bajo la guía y supervisión del docente Paulo César Loayza Carrasco, El trabajo fue llevado por el grupo "Los Discípulos de JJ", quienes hemos aplicado los conceptos aprendidos a lo largo del curso para desarrollar este proyecto.
JJ.Roleado.mp4
🧑🏻💻 Características Principales:
- Control de Edad: Antes de mostrar el contenido, verifica que el usuario sea mayor de 18 años. Esta verificación se guarda en el navegador para futuras visitas.
- Mapa de Ubicaciones: Tiene un mapa interactivo para buscar tiendas en Santa Cruz. En el futuro, permitirá filtrar tiendas por zona (Norte/Sur) o por tu ubicación actual.
- Buscador de Bebidas: Puedes buscar bebidas por nombre o marca. También puedes filtrar por tipo (Vodka, Cerveza, Vino, Whisky y otros) y ordenar por nombre o precio. Cada bebida muestra su información en una tarjeta.
- Información de Tiendas: Muestra una lista de tiendas con todos sus datos: nombre, dirección, horarios, fotos y opiniones. Cada tienda tiene su propia página donde puedes ver qué productos tiene y sus precios.
- Diseño Moderno: La aplicación funciona bien en celulares y computadoras, con un diseño atractivo y fácil de usar.
👨🏻🔧 ¿Cómo está hecha la aplicación?
Usamos tecnologías modernas para crear la aplicación:
- Next.js como base principal (versión 15.2.3, utilizando Turbopack para optimizar el entorno de desarrollo).
- TypeScript para hacer un desarrollo tipado, robusto y más fácil de mantener
- Shadcn UI, que utiliza Radix UI como base para los componentes, Lucide React Icons para la iconografía y Tailwind CSS para la estilización y diseño responsivo. Se implementa
tailwind-mergeytailwindcss-animatepara optimizar la gestión de clases y animaciones - Sistema para guardar y manejar información de forma eficiente, Se emplea React Query (
@tanstack/react-query) - Mapas interactivos para mostrar las ubicaciones. usamos Leaflet junto con React-Leaflet
- Firebase para manejar usuarios y guardar datos