Tech and Tools Stack FRONT
1. React:
Se inició la app de manera habitual con create-react-app aquí la documentación usada https://reactjs.org/docs/create-a-new-react-app.html
2. Redux:
Se manejaron estados globales dentro de la aplicación con redux (Store), en el repositorio hay un apartado especial para el redux, las actions, el reducer y el store.
Doc de Redux para inicializar redux, crear los reducer y el store: https://redux.js.org/introduction/getting-started
3.Material UI and Fontawesome
Se implementó MUI para iconos, el cual debe instalarse las dependencias para usarlo como muestra la documentación https://mui.com/material-ui/getting-started/installation/ , y este es el apartado para los iconos https://mui.com/material-ui/material-icons.
Para Fontawesome se debe crear un Kit code que genera un script el cual debe ser puesto dentro del <head> en el index.html que se va a renderizar.
4.SweetAlert
Es una herramienta que nos ayuda para las alertas, el cual mejora la experiencia de usuario para la instalación y uso se puede visitar el siguiente link: https://sweetalert2.github.io/#download.
5. Formik - YUP
Permite generar formularios de una manera practica e intuitiva, además si quieres añadir validaciones al formulario lo puedes hacer con YUP el cual va a ayudar en el proceso ya que formik acepta 1. valores iniciales, 2.validaciones(yuo) y 3. el onSubmit. para mayor información e instalación estan estos dos links de Formik y Yup.
6. Flowbite-React
Se utilizó esta herramienta para la creación del rating or score de los Advisors and testimonials. https://flowbite-react.com/rating/
7. Day.js
Es una librería que nos permitió manipular las fechas, calendario de los instructores, para la instalación, documentación y uso se pueden orientar con el siguiente link https://day.js.org/docs/en/installation/installation
8. Firebase
Se debe instalar firebase en la parte dle front para poder usar todos los datos mandados desde el back, además Firebase nos permite usar una autenticación de usuarios, guardar los usuarios y poder ingresar por medio de terceros (google, facebook, github entre otros) por el metodo getAuth, también nos permite crear bases de datos (Firestore) no relacionales y el Storage para el almacenamiento de imágenes o archivos. En la documentación se encuentra como usarlo y videos explicativos. En nuestro caso usamos la sección de agregar Firebase a una app web:
9. Sass
Sass es como un CSS avanzado que permite usar variables, mixins, funciones, nesting y sobre todo mantener el código Css ordenado para la instalación y uso se pueden dirigir a la documentación: https://sass-lang.com/install.
10. Figma
Es una gran herramienta que nos permitió visualizar el diseño que ibamos a implementar en la página, además de fácil de usar permite crear diseños y exportar lo creado para implementarlo en el sitio web. Como lo fue en el caso de los background de la página. Se puede usar en la web lo cual es una gran ventaja o puedes bajar la app de escritorio. Aquí puedes conocer mas:
11. Mercado Pago
Esta plataforma nos permite realizar los pagos que genere nuestra página web, para esto se generó un usuario de prueba el cual nos indica el estado de Aprobado o desaprobado. Permite el pago con Mercado Pago, PSE, Crédito, Débito, digital y efectivo. Para ver toda la documentación de mercado pago puedes dirigirte a este link:
Last updated