Piotr-Grzybowski / applause

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Check testers experience

Simple app that lets us check testers how many bugs on what devices have they found. On the front-end, I used React. It is a form that contains two drop-down lists of multiple-choice made with React Select and a button. The back-end is built using Node.js and Express. As my database, I have used CSV files that are parsed using fast-csv.

working app

Setup the project from the repo locally:

  • First clone this repository
git clone https://github.com/Piotr-Grzybowski/applause.git
  • Get in the folder with the project
cd applause
  • Install all dependencies with command npm run install:all
npm run install:all
  • App requires CSV files to work. Files are already in ./backend/db/ folder. Don't do anything like changing names or removing them otherwise, the app may not work.

  • Run the project with npm run start

npm run start

Command will start both server and client.

How it works

As you can see at the beginning you have two drop-down lists with default values as 'All'.

working app

Whether you chose any criteria or not, after pressing the button 'Check', below the form you should see the results of your search. The result is sorted by the number of total bugs filed by a tester.

sorted list of bugs

The result of your search is returned to you as a nested list. Next to the name of the tester you have the total amount of bugs filed by the tester that matches the given criteria. After clicking on the name you can see some more detailed information. To choose all countries and all devices you may either leave a drop-down list saying 'All Countries' and 'All devices' or just choose every device and every country.

Possible errors

It may happen you won't find anything matching the given criteria. In that case, you should see an error like this one below.

An app needs to fetch information about testers and devices so it could fill in drop-down lists with proper values. If for some reason, for example, network issues, it won't succeed you should see an error message like the one below.

network issue error

About


Languages

Language:JavaScript 81.7%Language:CSS 10.2%Language:HTML 8.1%