ivansky/stack

Stackoverflow Search Angular

Agenda

1. Stack
2. Prerequisites
3. Configuration
4. Development
5. Production
6. TODO

Stack

• Angular 6
  • NGRX Store
  • NGRX Effects
  • Material
  • Animations
  • Forms
• NodeJS
• MongoDB
• Nginx
• Docker

Prerequisites

To develop and build for prod you should use Docker (includes compose).

Install docker on Mac or Windows.

Configuration

You should configure OAuth

1. Register you Stack App
2. You should copy server/.env file from server/.env.example
3. Replace environment variables

   STACKEXCHANGE_CLIENT_ID = #client_id#
   STACKEXCHANGE_CLIENT_SECRET = #secret_token#
   STACKEXCHANGE_APPS_KEY = #app_key#
   

4. Go to the next step below.

Development

You won't be able run application until ENV configuration isn't created.

To run front, auth and api services just run docker-compose.

It will build containers and instantly run it.

docker-compose up

Navigate to http://localhost:3030/ and develop.

To re-build it just add --build at the end of command.

Production

You won't be able run application until ENV configuration isn't created.

Build and Run application

docker-compose -f docker-compose.prod.yml up

There isn't message success after compose is done.

Navigate to http://localhost:8081/.

To re-build it just add --build at the end of command.

TODO

• Tags
• Page transitions (animations)
• Accessibility
• Profile
• Change password
• Change name