Skip to content

jannleung/info-map

 
 

Repository files navigation

Beyond Map

Beyond Map allows users to discover and create location-based posts. This app is build with [https://angular.io/] (Angular 4) and [https://github.com/angular/angularfire2] (AngularFire2), and was initially generated with [https://github.com/angular/angular-cli] (Angular CLI).

Installation

Ensure you have Node and NPM installed using the instructions at:

https://nodejs.org/download/

Install the project dependancies using:

    npm install

Firebase setup

Create a Firebase account, create a new project, and copy the config code for your project.

Within the project folder, run:

cd src
mkdir environments
cd environments
touch environments.ts
touch environments.prod.ts

Open 'environments.ts' and add your Firebase config as follows:

export const environment = {
  production: false,
  firebase: {
    apiKey: "xxxx",
    authDomain: "xxxxx",
    databaseURL: "xxxxx",
    projectId: "xxxxx",
    storageBucket: "xxxx",
    messagingSenderId: "xxxx"
  }
};

Open 'environments.prod.ts' and add your Firebase config as follows:

export const environment = {
  production: true,
  firebase: {
    apiKey: "xxxx",
    authDomain: "xxxxx",
    databaseURL: "xxxxx",
    projectId: "xxxxx",
    storageBucket: "xxxx",
    messagingSenderId: "xxxx"
  }
};

Install the necessary Firebase files using:
firebase init

## Usage
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.

## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Deploy
Update firebase.json to use 'dist' as the public hosting directory then run:

    firebase deploy

## Directory structure

    src/                       --> Frontend sources files
    e2e/                       --> End to end tests using Protractor

## Contact

For more information please contact alexabbott

About

Discover and share travel destination tips.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 70.2%
  • TypeScript 17.2%
  • CSS 4.7%
  • HTML 4.2%
  • Python 3.7%