Nightlife Coordination App

Overview

This app allows users to search for local venues, indicate their attendance, get directions and see each venues Yelp rating. The client leverages Angular v2.x and Typescript backed by a Node.js REST API and MongoDB datastore.

A demo version of this app is deployed at: https://angular-nightlife.herokuapp.com

Part of the FreeCodeCamp cirriculum based on the following user stories:

• As an unauthenticated user, I can view all bars in my area.
• As an authenticated user, I can add myself to a bar to indicate I am going there tonight.
• As an authenticated user, I can remove myself from a bar if I no longer want to go there.
• As an unauthenticated user, when I login I should not have to search again.

Install

Clone this repository and install npm dependencies:

git clone git@github.com:cjsheets/angular-nightlife-app.git
cd angular-nightlife-app
npm install

Setup API Access

To access the Yelp API (v3, Fusion), you'll need a key. Once registered, create /client/environment/environment.ts and add your key:

export const environment = {
  production: false,
  api_url: 'http://localhost:5000',
  yelp: {
    expires_in: 123456789,
    token_type: 'Bearer',
    access_token: 'xxxxxxxxxxxxxxxxxxxxxxx'
  }
};

To leverage social media authentication, you'll need to register for developer tokens from Twitter, Facebook, Google, GitHub, etc. Once registered, create /server/config/environment/development.env.js from production.env.js and add keys where indicated.

Run

First, start the Node.js server in development mode:

npm run express-dev

For client development, use angular-cli to launch the app:

ng serve

Navigate to http://localhost:4200

For server development, build the client to /dist:

ng build

Navigate to http://localhost:5000

Technology Stack

This package contains:

Front-End	Back-End
Angular v2.x	Node.js
RxJS	Express
HTML5/CSS	Passport
Webpack	MongoDB

Both
Typescript
Karma/Protractor

Testing

• Work in progress

unit tests

Run ng test to execute the unit tests via Karma.

end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Credits:

• Login Seed - domfarolino

To-Do:

• Sort out promise return values
• implement express-verification
• improve loading icons when inteface is pending changes
• improve masonry loading output
• improve error handling
• different connect.session() MemoryStore solution
• investigate this._log undefined in Sentry.io
• handle http:// (not s) visitors
• revert console.log to _log, disable in prod

License

MIT License