This app is a Quote Searching Service for the show New Girl, live at newgirlquotes.com.
Install node packages using npm install
This app will access an API that I have created that is running at a separate URL. This API's source code is accessible at a seperate Github repository.
If you would like to run this app through NodeJS, you can use the app.js file in the root directory (node app.js) after creating a production build of the react-app (npm run build). Alternatively, because this is a React app, if you want React to handle the server, you can simply run with npm run start.
The app uses a series of AWS services to serve the front-end and back-end. The front-end (this repository) uses S3 to serve the static react-app production build (produced by npm run build), which then uses Cloudfront as a CDN to provide it with an SSL certificate (HTTPS support), and caching for the USA, Canada, and Europe. The URL provided by Cloudfront is then serviced by Route 53, which forwards all requests for newgirlquotes.com to that Cloudfront URL.
When the user searches for a quote, that request is sent to the back-end through a Cloudfront URL, which is used to allow for HTTPS requests to the back-end. Those requests to Cloudfront are sent to an EC2 instance, which processes the request using an in-memory search, and logs the requester's IP, the time of the request, and the amount of processing time required for the search.
CSS was inspired by sites by Christopher Chu & Garrett Boatman.