https://github.com/ismaelgt/english-accents-map

🌍 English Accents Map - A progressive web app (PWA) buit on React, Redux and Firebase
https://github.com/ismaelgt/english-accents-map

english-learning firebase javascript pwa react redux

Last synced: about 2 months ago
JSON representation

🌍 English Accents Map - A progressive web app (PWA) buit on React, Redux and Firebase

• Host: GitHub
• URL: https://github.com/ismaelgt/english-accents-map
• Owner: ismaelgt
• License: mit
• Created: 2016-09-29T18:48:35.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T09:27:31.000Z (4 months ago)
• Last Synced: 2024-07-18T19:18:59.234Z (2 months ago)
• Topics: english-learning, firebase, javascript, pwa, react, redux
• Language: JavaScript
• Homepage: https://englishaccentsmap.com
• Size: 1.35 MB
• Stars: 107
• Watchers: 8
• Forks: 29
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-pwa - English Accents Map

README

        


  

    

  



# [English Accents Map](https://www.englishaccentsmap.com)

[![Build Status](https://travis-ci.org/ismaelgt/english-accents-map.svg?branch=master)](https://travis-ci.org/ismaelgt/english-accents-map)

A progressive web app (PWA) built on [React](https://facebook.github.io/react/),

[Redux](http://redux.js.org/) and [Firebase](https://firebase.google.com/).

Watch English accent videos and get an insight into the different ways the language is used by native speakers around the world.

[![Screenshot 1](src/static/images/screenshot-1.jpg)](https://www.englishaccentsmap.com)

[![Screenshot 2](src/static/images/screenshot-2.jpg)](https://www.englishaccentsmap.com)

## Prerequisites

In order to run this app locally you will need a [Firebase app](https://firebase.google.com/docs/web/setup)

and a [Google Maps API key](https://developers.google.com/maps/documentation/javascript/get-api-key).

## Installation

1. Clone this repo

1. Run `npm install`

1. Rename `/src/config.example.js` to `/src/config.js` and add your Google Maps API key

and Firebase config

1. Import `/data.example.js` or [this JSON file](https://github.com/ismaelgt/english-accents-db/blob/master/english-accents.json) into your [Firebase database](https://firebase.google.com/docs/database/web/start)

1. Run `npm run start` and visit [localhost:3000](http://localhost:3000)

## Build

1. Run `npm run build`

1. The compiled version will live in `/dist/`

## Deployment

Follow the instructions [here](https://firebase.google.com/docs/hosting/deploying)

to deploy the app to Firebase.

Once the Firebase CLI is installed and your app set up locally you can run

`npm run deploy` to build and deploy.

## License

This project is licensed under the terms of the

[MIT license](https://github.com/ismaelgt/english-accents-map/blob/master/LICENSE).

## See also

- [English Accents CLI](https://github.com/ismaelgt/english-accents-cli) - The command-line interface (CLI).

- [English Accents Database](https://github.com/ismaelgt/english-accents-db) - The JSON database.