Skip to content

bjackson14/Angular6-weather-api-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular6-weather-api-demo

This is my demo for any recruiter looking for a full MEAN stack developer using Angular version 6. The purpose of this application is to login and search for a city and state using the weather.gov API.

Installation


Database and Rest Client


  1. Download MongoDB version 4 from www.mongodb.com/download-center/community and install it. Make sure it is running on port 27017. Alternativley, a MongoDB Cloud database can be used, but the connection in server.js will need to be changed so it can connect.
  2. Download a rest client such as ARC from install.advancedrestclient.com/install or PostMan from www.getpostman.com/downloads/ to test the backend end points.

Front End Installation


  1. Download Node.js version 8.11.4 from nodejs.org/download/release/v8.11.4 and install. Please select the version for your system. I developed this on Windows 10, so I used the win64 msi file.
  2. Run npm -v to make sure npm version 5.6.0 is installed. This is the version packaged with Node.js version 8.11.4.
  3. Run npm install @angular/cli@6.2.9 to install Angular CLI version 6.2.9.
  4. Run npm install ajv@6.9.1 to install ajv version 6.9.1 because it is a dependency of ajv-keywords which is a dependency of Angular Materials. Angular Materials will install ajv-keywords, so you will not have to install that yourself.
  5. Run npm install --save bootstrap@3.4.1 jquery@3.4.1 to install Bootstrap version 3.4.1 and jQuery version 3.4.1 to allow reponsive veiwing for mobile applications. jQuery is a depenedency of Bootstrap.
  6. Run the server with ng serve.

Back End Installation


  1. Run npm install --save-dev babel-cli@6.26.0 @babel/preset-env@7.5.5 to use babel-cli version 6.26.0 and babel-preset-env version 1.7.0. The babel transpiler is used so ECMAScript 6 functuonality can be utilized.
  2. Run npm install --save-dev babel-watch@7.0.0 @babel/core@7.0.0 to install babel-watch version 7.0.0 and @babel/core version 7.0.0 so the server will restart when any changes are made to the applicaton.
  3. Run npm install express@4.17.1 to install Express.js version 4.17.1. This is the middleware for the back end server.
  4. Run npm install mongoose@5.6.5 to install mongoose version 5.6.5 so express can connect to the mongo database.
  5. Run npm install cors@2.8.5 to install CORS version 2.8.5 to handle the cross origin support.
  6. Run npm install braces@2.3.1 to install braces version 2.3.1 because any version below 2.3.1 causes security errors with RegEx.
  7. Run the server with npm run dev for ECMA6 compatability

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors