Challenge Objectives:

1. Import the enclosed CSV file
2. Tabular representation of the data from the CSV file
3. Creation of new data records using the same schema
4. Processing of existing data records
5. Percentage representation of data records as a chart (bar or pie chart)
6. Export all data as a CSV file with the same scheme

The web app was made with ReactJs and I have used the following 3rd party libraries:

• tailwindcss - Simple CSS framework for designing the front end;

  • for Code Challenge 1:

    • react-google-charts - easy to use and good looking chart library;

    • xlsx - for extracting data from csv files and generating new files;

    • react-table - is a lightweight and extensible data tables for React;

    • react-icons - popular icons.

  • for Code Challenge 2:

    • html2canvas - for generating the image from the html;

    • react-cropper - for cropping the image;

    • react-color - for the color picker;

  • for Code Challenge 3:

    • html2canvas - for generating the image from the html;

    • react-color - for the color picker;

To run the project locally, enter the following in the command line / bash:

$ git clone git@github.com:GAlexandruD/udg-fcc.git
$ cd udg-fcc
$ yarn
$ yarn start