⏱ Utilities App

A Single Page App created with React, Redux, LESS, AWS S3, D3 and Media Queries, along with multiple Testing libraries (Enzyme, Mocha, Chai, Sinon, SuperTest), and Continuous Integration using TravisCI.

---

---

---

Table of contents

• Motivation
• What is Amazon S3?
• Login Credentials
• Live Demo
• Dependencies
• Requirements
• Installation
• Running Locally
• Deploying to Heroku
• Tests
• Contact

Motivation

I wanted to maintain my skills and keep up with the latest technologies such as TravisCI, LESS, D3, & React Hooks.

What is Amazon S3?

Amazon Simple Storage Service is storage for the Internet. It is designed to make web-scale computing easier for developers.

Amazon S3 has a simple web services interface that you can use to store and retrieve any amount of data, at any time, from anywhere on the web. It gives any developer access to the same highly scalable, reliable, fast, inexpensive data storage infrastructure that Amazon uses to run its own global network of web sites. The service aims to maximize benefits of scale and to pass those benefits on to developers.

Login Credentials

• Username: Brian | Password: Briantam23@
• Username: Mike | Password: Mike12#
• Username: Johnny | Password: Johnny34&

Live Demo

Currently deployed to Heroku!

Dependencies

• React
• Redux
• LESS
• AWS S3
• Enzyme
• PostgreSQL
• D3
• Mocha
• Express

Requirements

• Downloads
  • Node.js (v10.16.0)
  • Git
  • PostgreSQL
• Environment Variables (must be set in .env or set as an environment variable)
  • TICKETMASTER_API_KEY
  • S3_BUCKET
  • AWS_ACCESS_KEY_ID
  • AWS_SECRET_ACCESS_KEY
  • OPEN_WEATHER_MAP_API_KEY

Installation

Step 1: Clone Repo

git clone https://github.com/briantam23/utilities-app.git` # or clone your own fork

Step 2: Create Database

createdb utilities-app

Step 3: Install node_modules

npm install # or yarn install

Running Locally

npm run start:dev

The npm run start:dev command will run 2 processes:

• the webpack process (in watch mode) to build your client-side Javascript files
• the Node process for your server with nodemon

Your app should now be running on localhost:8080.

Deploying to Heroku

Make sure you have the Heroku CLI installed.

heroku create
git push heroku master
heroku open

Alternatively, you can deploy your own copy of the app using the web-based flow:

Tests

Created Tests for React Components, the Redux Store, Routes, Models, and Functions:

To run without "watch mode":

npm run test

To run with "watch mode":

npm run test:dev

Contact

Created by Brian Tam - feel free to contact me at briantam23@gmail.com!

Personal Website - briantam23.github.io
LinkedIn - @briantam23
Github - @briantam23