Giter Club home page Giter Club logo

angular-restfulservice's Introduction

Angular RESTful Service Example

This project provides a simple look at getting started using Angular to call into a RESTful service. Simply clone the project or download and extract the .zip to get started.

Angular Concepts Covered

  • Using TypeScript classes and modules
  • Modules are loaded with System.js
  • Using Custom Components
  • Using the Http object for Ajax calls along with RxJS observables
  • Performing GET and PUT requests to the server
  • Working with Angular service classes for Ajax calls
  • Using Angular databinding and built-in directives

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

  • Node.js 4.0.0 or higher
  • MongoDB 3.2 or higher

Running the Application Locally

  1. Install Node.js and MongoDB on your dev box

  2. Execute 'mongod' to start the MongoDB daemon if it's not already running

  3. Install Nodemon: npm install nodemon -g

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

  5. Run npm install to install app dependencies

  6. Run npm start to compile the TypeScript and start the server

  7. Browse to http://localhost:3000

Running the Application with Docker

  1. Install Docker for Mac/Windows or Docker Toolbox - https://www.docker.com/products/overview

  2. Open a command prompt window

  3. Run npm install

  4. Run npm run tsc:w to compile TypeScript to JavaScript locally (leave the window running). This is only needed when in "dev" mode.

  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 if using Docker for Mac/Windows or http://192.168.99.100:3000 if using Docker Toolbox in a browser

  9. Live long and prosper

angular-restfulservice's People

Contributors

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