SPA in React to load and query CSV
This frontend project loads CSV files and display each row as cards on the page. It also has a search bar to search for data within the loaded CSV.
- React.js
- Create React App
- Jest
*** This frontend project depends on the backend, located at shaw-csv-backend, do the Setup in there first ***
- Get the link of the repository:
git@github.com:arthurborgesdev/shaw-csv-frontend.git - Clone it as
git@github.com:arthurborgesdev/shaw-csv-frontend.giton a Terminal - Change directory to it by
cd shaw-csv-frontend - Run
npm ion a Terminal - Run
npm start - Open the website at
localhost:4000or127.0.0.1:4000
To run tests, run in a separated Terminal tab: npm test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
- Load a .csv valid file (The system will not allow empty or not .csv files)
- Cards will be loaded, each card for each row in the CSV file
- After the CSV is loaded, search between loaded cards using terms separated by commas, like "London" or "London, Basketball" or "London,Basketball"
👤 Arthur Borges