Skip to content

[Front-End] Web Application for Data Visualization and Management using React, GraphQL, d3, Leaflet and Bootstrap

Notifications You must be signed in to change notification settings

Professional0321/Data-Visualization-React-D3-GraphQL

Repository files navigation

Puente React

Build Status Codacy Badge codecov

Puente React is a web dashboard used to visualize data collected on the ground in developing countries. It's still an early prototype and it's still under development.

For more details, please see our blog website to see how we build technology to equip the resource-challenged.

For a live demo, please check out here

screencap

Project Layout

Key Folder Parent Folder Description
providers src/js Holds the modules for retrieving data and custom functions
pages src/js Holds the main layout folders for content
components src/js Holds the smaller components that are within layouts

Development

This project is built with ReactJS, Redux, and Apollo's GraphQL using a JAM Stack architecture. The visualizations are built using Recharts.

This project is a bootstrapped using create-react-app.

Here are some quick commands to get started:

  • npm install: Install Node dependencies
  • npm start: Start the hot reloading development server.
  • npm test: Run the test suit and watch for changes.
  • npm build: Build a production optimized bundle of the app.
  • npm lint: Run the ESLinter.

Known Issues

  • Performance with Graphql

Resources

Standards

js-standard-style

About

[Front-End] Web Application for Data Visualization and Management using React, GraphQL, d3, Leaflet and Bootstrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published