This README is available in English and Español. The content is divided into sections to make it easy to read.
ES:
El proyecto consiste en una aplicación web que presenta información sobre la Fórmula 1, incluyendo detalles sobre pilotos, equipos y carreras. A través de esta aplicación, los usuarios pueden explorar estadísticas, información histórica, resultados de carreras y mucho más, todo de manera interactiva.
EN:
This project is a web application that presents information about Formula 1, including details about drivers, teams, and races. Through this application, users can explore statistics, historical information, race results, and much more, all interactively.
ES:
- HTML5: Estructura básica de la aplicación web.
- CSS3: Diseño y estilo de la interfaz, utilizando técnicas como Flexbox y Grid para un diseño responsivo.
- JavaScript (ECMAScript 6): Interactividad y manipulación del DOM, incluyendo el uso de jQuery para llamadas AJAX y actualizaciones dinámicas.
- PHP: Generación de contenido dinámico desde el servidor, y gestión de datos.
- XAMPP: Servidor local para ejecutar la aplicación durante el desarrollo.
- jQuery: Manejo de la interacción con el DOM y peticiones asíncronas a la base de datos para cargar información sobre la Fórmula 1.
EN:
- HTML5: Basic structure of the web application.
- CSS3: Design and styling of the interface, using techniques like Flexbox and Grid for responsive layout.
- JavaScript (ECMAScript 6): Interactivity and DOM manipulation, including the use of jQuery for AJAX calls and dynamic updates.
- PHP: Generation of dynamic content from the server and data management.
- XAMPP: Local server for running the application during development.
- jQuery: Handling DOM interaction and asynchronous requests to the database to load Formula 1 information.
ES:
- Uso de elementos HTML5 adecuados al contexto y funcionalidad.
- Uso correcto de propiedades CSS3 y módulos específicos.
- Paradigma de Programación Orientada a Objetos: Todo el código en ECMAScript y PHP debe estar estructurado con clases y objetos.
- Uso de jQuery limitado a llamadas AJAX y manipulación de contenido HTML.
- Estructuración y validación del código:
- HTML válido sin errores en todos los estados de la web.
- Uso obligatorio de etiquetas semánticas (section, article, etc.).
- Prohibición del uso de
<div>salvo en casos permitidos explícitamente. - Comentarios con especificidad en cada regla CSS.
- Validación CSS con 0 advertencias (excepto las documentadas en @media queries y herencia de colores).
El incumplimiento de estas normas puede derivar en la invalidación del proyecto.
EN:
- Use of appropriate HTML5 elements for context and functionality.
- Correct use of CSS3 properties and specific modules.
- Object-Oriented Programming Paradigm: All code in ECMAScript and PHP must be structured with classes and objects.
- jQuery usage limited to AJAX calls and HTML content manipulation.
- Code structure and validation:
- Valid HTML without errors in all web states.
- Mandatory use of semantic tags (section, article, etc.).
- Prohibition of
<div>usage except in explicitly allowed cases. - Specific comments for each CSS rule.
- CSS validation with 0 warnings (except those documented in @media queries and color inheritance).
Failure to comply with these standards may result in the invalidation of the project.
ES:
- Pruebas de Funcionamiento y Funcionalidad: Se ha verificado que la aplicación cumple con todos los requisitos funcionales establecidos, garantizando su correcto desempeño.
- Cumplimiento de Estándares: Se ha validado el cumplimiento de los estándares de HTML5 y CSS3 mediante los validadores del W3C.
- Pruebas de Usabilidad: Se realizaron pruebas con 12 personas diferentes en 3 tandas de 4 participantes.
- Pruebas de Adaptabilidad: Se verificó la correcta visualización en distintos dispositivos y resoluciones.
- Pruebas de Accesibilidad: Se realizaron tests con Wave y aChecker, garantizando el cumplimiento de las WCAG 2.0.
- Pruebas de Despliegue en la Nube: Se documentaron los pasos para el despliegue en la nube.
EN:
- Functionality and Performance Testing: The application has been verified to meet all functional requirements, ensuring its correct performance.
- Standards Compliance: Compliance with HTML5 and CSS3 standards has been validated using the W3C validators.
- Usability Testing: Testing was conducted with 12 different people in 3 groups of 4 participants.
- Responsiveness Testing: The application was verified for proper display on different devices and resolutions.
- Accessibility Testing: Tests were performed with Wave and aChecker, ensuring compliance with WCAG 2.0.
- Cloud Deployment Testing: The steps for cloud deployment have been documented.
ES:
Para probar la aplicación en local:
- Clonar el repositorio.
- Asegurarse de que el servidor web (XAMPP, Apache, etc.) está configurado y en ejecución.
- Colocar los archivos en el directorio correspondiente.
- Acceder a
http://localhost/f1projectdesde el navegador.
EN:
To test the application locally:
- Clone the repository.
- Ensure that the web server (XAMPP, Apache, etc.) is configured and running.
- Place the files in the appropriate directory.
- Access
http://localhost/f1projectfrom the browser.