RPP web page

DESCRIPCIÓN

Esta es una página web informativa y de contacto para posibles interesados en adquirir servicios de planes deportivos personalizados.

VISTAS

• Home: Vista de información general y botón para empezar ahora.
• Pupilos: En esta vista se verá la información de los "pupilos", personas que están inscritas.
• NuestroEquipo: Se verá la información de todas las personas que trabajan en RPP.
• Contacto: No se muestra en la web page pero está para un posible contacto "PQR" mediante correo electrónico y se conecta a un backend.
• FormSubmitted: Cuando el envío es exitoso se redirige a esta vista.
• 404: Vista cuando algo sale mal.

COMPONENTES

• Navbar: Se ve en todas las vistas y redirige por ahora a las vistas de Home, Pupilos y Nuestro Equipo.
• Footer: Se ve en todas las vistas con información de contacto, redes sociales y copyright.
• IsLoading: Se muestra cuando hay latencia o se envía algo.
• Boton1: Es el botón principal usado en Home para "empezar ahora".
• Carrousel: Se usa para mostrar la información de pupilos.
• NuestroEquipoCard izq o der: Dos componentes que se usan para mostrar la tarjeta con nombre e imagen en la vista de Nuestro Equipo.

TECNOLOGÍAS

• React/Vite: Framework utilizado para la construcción de la aplicación.

• Tailwind CSS: Utilizado para los estilos de la aplicación.

• Swiper: Utilizado para el componente de carrusel.

• React: Biblioteca principal utilizada.

• Normalize.css: Normaliza los estilos por defecto del navegador.

• React DOM: Utilizado para manipular el DOM.

• React Redux: Utilizado para el manejo del estado global.

• React Router DOM: Utilizado para el enrutamiento de la aplicación.

• Styled-components: Utilizado para aplicar estilos a los componentes.