- 1. Introducción
- 2. Objetivos de Desarrollo
- 3. Prototipado
- 4. Vistas y Funcionalidades
- 5. Testing
- 6. Tecnologías
¡Este proyecto sobre pilotos de Fórmula 1 es emocionante! Dataverse chat es un proyecto que tiene como objetivo el desarrollo de una Single Page Application (SPA), obteniendo diferentes vistas para la interacción del usuario donde podrá ver una vista detallada de cada piloto. Además, podrá interactuar en tiempo real con cada piloto por medio de un chat usando la API de OpenAI.
🚀¡Prepárate para una experiencia única en el mundo de la F1!🏎️
Desarrollar una SPA, aplicar responsividad, implementar un router, integrar una API externa, entender la asincronía en JavaScript, despliegue en y crear pruebas unitarias.
El diseño fue pensado para el beneficio del usuario. Desde el diseño Wireframe hasta el Mockup de Alta Calidad fue diseñado en Figma, ofrece una experiencia fluida con funciones intuitivas, navegación suave y adaptabilidad a dispositivos móviles.
Al acceder, los usuarios son recibidos con una interfaz limpia y atractiva que presenta de manera destacada la información esencial sobre pilotos de Fórmula 1. Desde aquí, pueden explorar fácilmente, visualizar datos clave, y utilizar funciones de filtrado, ordenamiento, estadistica y acceso a las diferentes vistas de la aplicación para personalizar su experiencia.
El diseño intuitivo invita a los usuarios a sumergirse en el mundo de la F1, proporcionando una introducción accesible y atractiva a la riqueza de contenido que la aplicación tiene para ofrecer.
Vista principal
Vista API KEY
Vista Chat Personalizado
Vista Panel - Chat Colectivo
Vista Error 404
En el desarrollo, la implementación de pruebas unitarias es una práctica esencial para garantizar la calidad y confiabilidad del código.
- Desarrollo en HTML, JavaScript, CSS, Node.
- Deploy Vercel.
- Framework Jest.
- Diseño y control del proyecto: Github, Trello, Figma.
Desarrollado por Sara Arvizu y Rubi Estrada para Laboratoria.