Ticket Viewer

This project was bootstrapped with Create React App with a Node.js server proxy.

Getting started

Prerequisites

1. Node: any version starting with 8.4.0 or greater

• run node --version to check current node version
• If you need to upgrade or install NodeJs : suggest to install via Node Version Manager NVM

2. A clone or download of this repo on your local machine

Installation

1. cd ticketViewer to go into the project root
2. npm installto install the npm dependencies

Running locally

1. npm run dev to start
2. open http://localhost:3000/ to view the site in the browser

Running test

1. make sure to run npm run dev first and keep the server running
2. npm run test-e2e to lauch the test

Implementation details

I want to make it possible to run one command and then run the React app and an Express server at the same time. This implementation was referenced to Set up a React app with a Node.js server proxy .

All config variables are stored in server/config.json file. It should be added to .gitignore because we don't want to share username and password. However, for demo purpose, I have created a trial account which only lasts for 14 days. So to make installation easier, I haven't git ignore the config.json file.

Other references:

1. Make HTTP Requests in Node.js
2. React Router
3. React Router params
4. React Router V4 How to go back
5. How to parse query string
6. query-string
7. react-table server side data
8. React-table
9. React modifies query string without reloading

Test with Cypress

I use Cypress for end-to-end tests.