Frontend para C9 InnovaXD
Nuestro proyecto, en colaboración con Microsoft y el diario El Mercurio, consiste en desarrollar una aplicación web que permitirá a los administradores y editores del diario transformar noticias para que sean aptas para niños. A través de nuestra herramienta, podrán copiar y pegar una noticia en su formato original, y la aplicación se encargará de adaptarla a una versión adecuada para la lectura infantil. Esta asociación con Microsoft y El Mercurio garantiza la utilización de tecnología de vanguardia y la experiencia periodística de renombre para ofrecer una experiencia segura y enriquecedora, manteniendo a los niños informados de manera apropiada para su edad y fomentando su interés por la lectura.
- React: versión 18.2.0
- Tailwind CSS: versión 3.3.2
- TW-elements: version 1.0.0-beta2
- Google Fonts
- FontAwesome
Para instalar el proyecto, asegúrese de tener Node.js instalado y ejecute el siguiente comando:
npm installPara ejecutar el proyecto, use el siguiente comando:
npm startcp .env.example .envdentro del archivo .env se debe configurar la url del backend
PORT=3001
REACT_APP_BACKEND_URL=http://localhost:3000la variable de entorno tiene que estar asi, de otro modo no traera las publicaciones
Este proyecto utiliza Google Fonts para la fuente de la interfaz de usuario y Font Awesome para los iconos. Los enlaces para la carga de estos recursos se encuentran en el archivo index.html en la carpeta public.
Fonts:
- Caveat Brush
- Sora
Links google fonts
<link
href="https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Sora&display=swap"
rel="stylesheet"
/>Diseño Figma del proyecto
Technical Leader:
Frontend
- Carolina Morah
- Ray Cardenas
- Carlos Garcia
- Gabriel Balbontin
- Alfredo Villegas
- Marco Camargo
- Javier Figueroa
Backend