Este es un proyecto escolar grupal, que consiste en crear una App con React, Bootstrap y Firebase. Se requiere ordenar el listado de estudiantes según su calificación promedio. Todos estos datos son obtenidos desde un JSON con un reporte de los restudiantes del centro.
Este proyecto esta hecho con Create React App.
En este proyecto puedes correr los siguientes Scripts:
Para instalar los módulos necesarios de Node.
Ejecuta la aplicación en el modo de desarrollo.
Abra http://localhost:3000 para visualizarlo en el navegador.
La página se recargará si realiza modificaciones.
También verá cualquier error por la consola.
Construye la aplicación para producción en la carpeta build
.
Agrupa correctamente React en el modo de producción y optimiza la compilación para obtener el mejor rendimiento.
La compilación se minimiza y los nombres de archivo incluyen los hash.
¡Tu aplicación está lista para salir a producción!
Para mas información visita la sección deployment.
Publica la aplicación usando GH Pages.
- Crea un Fork del repositorio.
- Clonar en tu maquina mediante
git clone url_del_repositorio_fork
. - Crear una nueva rama con el nombre de tu feature.
- Realiza tus cambios.
- Manda tu pull request a la rama
pre-production
.
Una vez tenga clonado el repositorio Fork en tu PC, lo primero que tienes que hacer es crear un remoto al repositorio principal usando: git remote add upstream https://github.com/adonyssantos/rankings-cemas.git
. (Esto solo lo tienes que hacer una vez).
Luego cada vez que se haga un cambio en el repositorio principal y lo quieras traer a tu fork usa los siguientes comandos:
git pull upstream main
git push origin main
Nota: recuerda estar ubicado dentro de la rama que quieres actualizar.
Aquí unos enlaces con información que podria serte util:
- https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/configuring-a-remote-for-a-fork#platform-linux
- https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/syncing-a-fork#platform-linux
4A:2020-2021
La siguiente funcion nos sirve para formar la URL para el pedido de reportes:
const getReportsURL = (curso, periodo) => {
/**
* @description: Obtener todos los reportes por curso y periodo.
* @param {String} curso Ejemplo: "4A"
* @param {String} Periodo Ejemplo: "2020-2021"
* @URL https://cemasapi.herokuapp.com/reportes/boletin/4A:2020-2021:
* @return {String} URL String URL .
*/
...
};
El hook que creamos es useFetch
import { useState, useEffect, useRef } from 'react';
export const useFetch = (url) => {
...
}
import { useFetch } from "../hooks/useFetch";
import ItemBoletin from "./ItemBoletin";
export default function ListaBoletines({ url }) {
...
}