https://github.com/thiskevinwang/scoot-swe-frontend-assessment

🛵⚡
https://github.com/thiskevinwang/scoot-swe-frontend-assessment

google-maps netlify react scoot scoot-networks

Last synced: 24 days ago
JSON representation

🛵⚡

• Host: GitHub
• URL: https://github.com/thiskevinwang/scoot-swe-frontend-assessment
• Owner: thiskevinwang
• Created: 2019-03-27T13:23:00.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-28T14:30:27.000Z (almost 6 years ago)
• Last Synced: 2024-11-16T02:23:16.777Z (about 2 months ago)
• Topics: google-maps, netlify, react, scoot, scoot-networks
• Language: JavaScript
• Homepage: https://kevin-scoot-swe-frontend-assessment.netlify.com/
• Size: 363 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/930d9188-cff4-44c1-8966-e23b56695574/deploy-status)](https://app.netlify.com/sites/kevin-scoot-swe-frontend-assessment/deploys)

# Scoot - Associate SWE Assignment

The **Front End** project for Scoot Networks' Associate Engineer assessment.

## Getting Started

### Prerequisites

- **Node.js** version >= `6.5`

- **npm** version >= `3.10`

To check [node.js](https://nodejs.org/en/) and [npm](https://www.npmjs.com/) versions, run:

```shell

node -v

npm -v

```

- More info: https://nodejs.org/en/download/

### Install Dependencies

From the project root directory:

```shell

npm install

```

### Running in `development` mode

```shell

npm start

```

Runs the app in the development mode.


Open **[http://localhost:3000](http://localhost:3000)** to view it in the browser.

### Running in `production` mode

```shell

npm run build && serve -s build

# or

npm run prod

```

Builds the app to the `build` folder, and serves it.


Open **[http://localhost:5000](http://localhost:5000)** to view it in the browser.

## WARNING

The `` component runs in `development` mode by default, even if the app is running in `production` mode.

### Steps to override:

- You will need a **Google API KEY**

  - [Retrieving your Google API Key](https://support.google.com/googleapi/answer/6158862?hl=en).

- Copy-paste your Google API Key into `.env.example` like such:

```shell

REACT_APP_GOOGLE_API_KEY= #API key goes here

```

- **Save**

- **Rename** `.env.example` to `.env`

> Note: `.env` is excluded from version control to avoid sharing API keys (ex. to GitHub). And may no longer be viewable from your text editor. To edit it directly...

>

> From the project root directory:

>

> ```shell

> open .env

> # or

> vim .env

> ```

The map should now run in `production` mode, when the app is in `production` mode as well!