Very simple CRUD operations with Angular

This example combines 2 containers inside a bridge network. The first container runs the angular app and the other container the json server.

You can use the run.sh file in order to spin up the containers or you can execute the following commands

echo "Step 1: run docker json server"
docker run  -d -p 3000:3000 --name fake_server williamyeh/json-server --watch products.json
echo "Step 2: replace the routes.json in to the running container"
docker cp routes.json fake_server:/usr/local/lib/node_modules/json-server/routes.json
docker cp products.json fake_server:/data/products.json
docker cp routes.json fake_server:/data/routes.json
echo "Step 3: run the image "
docker run -d -p 8080:80 --name angular_simple_crud_app mixaverross88/angular-rest-crud:1.3
echo "Step 4: create a network"
docker network create --driver bridge isolated_network 
echo "Step 5: Assing the fake_server container into the network"
docker network connect isolated_network fake_server
echo "Step 6: Assing the angular_simple_crud_app container into the network"
docker network connect isolated_network angular_simple_crud_app

If you don't want to run this project with docker you can follow these instruction.

Please change the value of url in fake_server_ip.json (you will find it in asset folder) to localhost:555

json-server instructions

1. Install server: npm install -g json-server
2. Navigate to the path where json server is installed (json-server-master folder).
3. Replace the file routes.json and add the file products.json (these files are stored in root folder of the project).
4. Run server (in the server folder): json-server --port 555 --routes routes.json --watch products.json

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. This project was generated with Angular CLI version 6.0.8.