Giter VIP home page Giter VIP logo

angularcli-nodejs-mongodb-customersservice's Introduction

Angular, NodeJS, MongoDB Customers Service

This project provides a look at getting started using Angular Http functionality and how it can be used to call a Node.js RESTful service. The code is for the Integrating Angular with Node.js RESTful Services available on Pluralsight at https://www.pluralsight.com/courses/angular-nodejs-restful-services.

Angular Concepts Covered

  • Using the Angular CLI
  • Using TypeScript classes and modules
  • Using Custom Components
  • Using the Http object for Ajax calls along with RxJS observables
  • Performing GET, PUT, POST and DELETE requests to the server
  • Working with Angular service classes for Ajax calls
  • Using Angular databinding and built-in directives
  • Creating a RESTful Service using Node.js
  • (Optional) Using Docker containers

Software Requirements To Run Locally (there's a Docker option below as well)

  • Node.js 10.16 or higher
  • MongoDB 3.4 or higher

Running the Application Locally

  1. Install Node.js (14 or higher) and MongoDB (3.4 or higher) on your dev box

  2. Execute mongod to start the MongoDB daemon if it's not already running (read the installation instructions above if you are new to MongoDB or have issues running it)

  3. Run npm install -g @angular/cli nodemon to install the Angular CLI and nodemon.

  4. Run npm install at the project root to install the app dependencies

  5. Run the following task to build the Angular app (and watch for any changes you make) and copy the built code to the public folder:

    ng build --watch

  6. Run npm run server in another console window to start the Node.js server

  7. Browse to http://localhost:3000

Running the Application with Docker

  1. Install Node.js (14 or higher) and Docker for Mac/Windows or Docker Toolbox - https://www.docker.com/products/overview

  2. Open config/config.development.json and change the host from localhost to mongodb

  3. Run npm install

  4. Run ng build --watch

  5. Open another command window and navigate to this application's root folder in the command window

  6. Run docker-compose build to build the images

  7. Run docker-compose up to run the containers

  8. Navigate to http://localhost:3000

angularcli-nodejs-mongodb-customersservice's People

Contributors

bluesword2024 avatar

Stargazers

Paul Koop avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.