jorgejimenez98 / interview-react-app

This is a practice React App, pull request and issues are most welcome

Interview Frontend Test Jorge Jimenez

This is a react application that shows a table of elements brought from an API

Install and run project

Clone repository:

$ git clone https://github.com/jorgejimenez98/interview-react-app.git
$ cd interview-react-app

Install dependencies using the next code:

$ $ npm install --save

Run project:

$ npm start

The Api URL used was https://raw.githubusercontent.com/rrafols/mobile_test/master/data.json
The project will be running on url http://127.0.0.1:3000

Windows of our app

Main Window

Click on the photo and you can see it bigger

By pressing the magnifying glass you can filter the table based on any of the attributes

When pressing the download button, the app proceeds to download a csv file with all the data from the table

You can also choose which columns of the table you want to see

The application also has a more precise filter in case the user wants to filter by any given field

By pressing the EYE button of the desired column the user will be able to see the details of the item on a full screen modal