m0rtyn / csv-reader

Test React project for Vilantis company

Test project for Vilantis

Usage

Just visit https://martyn-vilantis.netlify.app or run localy by

yarn && yarn start

Screenshots

Tech stack

• React
• Redux Toolkit
• TypeScript
• eslint, prettier, husky, standard-version

Changelog

Link to CHANGELOG.md

To be done

First release

• Allow the user to select and upload multiple .csv files (the file example is shown above).
• List all the uploaded files along with their filenames
• Add a "Submit" button that collects users from the uploaded files
• Submit button sends them to the API endpoint.

Second release

• Add a Readme file with the instructions on how to set up and start your website.
• Add an option to remove any file from the list.
• Count of users stored in the each file.
• Show the average age of all the users.

Third release

• Show a loading state while the API request is in progress.
• If the API call succeeds - show a success message and clear all uploaded files.
• If the API call fails - show an error message and let the user retry manually.

Final release

• If the API call fails - retry 3 times automatically. If all the retries fail - show an error message and let the user retry manually.
• Use any component UI library that you like
• Add a separate tab that shows API calls logs - failed/succeeded, user count, timestamp