Code Monkey home page Code Monkey logo

visualizador_columnistos's Introduction

Visualizador Columnistos

Este proyecto fue creado con el fin de mostrar de una manera mas dinámica la información recopilada a lo largo de los años del proyecto Columnistos. Fue desarrollado de manera que pueda ser utilizado por cualquier instancia del proyecto en otro país. Ver prerequisitos

¿Cómo replicar este proyecto?

Prerequisitos

  1. Los scripts que generan los datos.
  2. El bot de twitter.
  3. El API.

Instalación - variables

Para adaptar este proyecto a otro país será necesario editar el archivo .env modificando las siguientes variables:

  • REACT_APP_COUNTRY: Nombre de país con la inicial en mayúscula.

    • Ejemplo : REACT_APP_COUNTRY = Paraguay
  • REACT_APP_MEDIOS: Lista de medios consultados por el proyecto. Estos deben estar con sus iniciales en mayúscula y separados por comas.

    • Ejemplo : REACT_APP_MEDIOS = ABC Color,La Nación,Última Hora
  • REACT_APP_MEDIOS_BD_NAMES: Lista con los nombres de los medios tal y como aparecen en la base de datos del proyecto. Deben ser nombrados en el mismo orden que en la varible REACT_APP_MEDIOS. Deben estar separados por comas.

    • Ejemplo : REACT_APP_MEDIOS_BD_NAMES = abc,lanacionpy,ultimahora
  • REACT_APP_API_URL: Url del API correspondiente al país.

    • Ejemplo : REACT_APP_API_URL = https://apicolumnistos.tedic.net/

Hay dos formas de instalar:

Instalación con npm

npm install

Ejecutar el sitio web en modo desarrollo.

npm start

El sitio web corre en el puerto 3000

Compilación del sitio web para producción.

npm run build

Instalación con docker

Revisar la configuración de red de docker-compose.yml y luego correr:

docker-compose up -d

visualizador_columnistos's People

Contributors

betcg avatar lupa18 avatar samsaurio avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

tedicpy lupa18

visualizador_columnistos's Issues

Nombre de coordenadas en gráficos

Valdría la pena poner los nombres en los ejes de coordenadas o gráficos.

Qué es lo que indican las barras: "Cantidad de artículos" o "Porcentaje de artículos sobre el total mensual" o lo que sea según corresponda.

Actualmente no se entiende demasiado qué unidades corresponden en cada eje.

Pie de página

Crear un pie de página que incluya:

  • "Es un proyecto de Tedic desarrollado por X, Y, Z" con el logo de Tedic de repente. Donde X, Y, Z es el nombre de ustedes. Quizás valga la pena parametrizar eso, o al menos documentar donde cambiarlo para cuando lo instalen en otros lugares
  • Un enlace al código fuente
  • Un enlace a la API y su documentación
  • Un enlace a una licencia de datos abiertos: CC-BY

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.