VANK

A quick one and done medium for matching students to volunteering positions and short-term job opportunities Submission for Bitcamp 2019.

Live Preview!

Contents

• Stack Outline
• Strategies
• Bonus

Stack Outline

Front End

• Deployed on Github Pages with a unique domain name
• Google Maps API + Geocoding
• Angular version 7.3.6
  • Materials
  • Components
• Bootstrap
• HTML + CSS + JavaScript

Back End

• Angular version 7.3.6
• TypeScript
• Node.js
• JSON
• npm + ng

Database

• Firebase

Stategy

• Separate Users and Organizations
• Design a GUI that gives parties fast and simple access
• Design a rating system for both parties (users and organizations)
• Designed GUI in a way that gives the user the closest organizations first in the stack

Bonus

• Learn Angular, TypeScript, Google Maps, Firebase
• Pinpoint coordinates of the organizations around the users current location

Background Knowledge

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

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.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.