npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

angular-cli-node-js-mongo-db-customers-service

v1.0.0

Published

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.plural

Downloads

2

Readme

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 8.10 or higher
  • MongoDB 3.4 or higher

Running the Application Locally

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

    • Node.js: https://nodejs.org
    • MongoDB: https://docs.mongodb.com/manual/administration/install-community
  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 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 (8.10 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