https://github.com/arup-g/profile-app-with-docker

This demo app shows a simple user profile app
https://github.com/arup-g/profile-app-with-docker

docker docker-compose html javascript mongodb mongoexpress nodejs

Last synced: 3 months ago
JSON representation

This demo app shows a simple user profile app

• Host: GitHub
• URL: https://github.com/arup-g/profile-app-with-docker
• Owner: ARUP-G
• License: mit
• Created: 2024-02-06T07:23:52.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-09T05:47:39.000Z (over 2 years ago)
• Last Synced: 2025-03-16T21:21:46.523Z (over 1 year ago)
• Topics: docker, docker-compose, html, javascript, mongodb, mongoexpress, nodejs
• Language: HTML
• Homepage:
• Size: 435 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Profile app - developing with Docker

This demo app shows a simple user profile app set up using 

- index.html with pure js and css styles

- nodejs backend with express module

- mongodb for data storage

All components are docker-based

![Structure](images/Profile-app.png)

### With Docker

#### To start the application

Step 1: Create docker network

    docker network create mongo-network 

Step 2: start mongodb 

    docker run -d -p 27017:27017 -e MONGO_INITDB_ROOT_USERNAME=admin -e MONGO_INITDB_ROOT_PASSWORD=password --name mongodb --net mongo-network mongo    

Step 3: start mongo-express

    

    docker run -d -p 8081:8081 -e ME_CONFIG_MONGODB_ADMINUSERNAME=admin -e ME_CONFIG_MONGODB_ADMINPASSWORD=password --net mongo-network --name mongo-express -e ME_CONFIG_MONGODB_SERVER=mongodb mongo-express   

_NOTE: creating docker-network in optional. You can start both containers in a default network. In this case, just emit `--net` flag in `docker run` command_

Step 4: open mongo-express from browser

    http://localhost:8081

Step 5: create `user-account` _db_ and `users` _collection_ in mongo-express

Step 6: Start your nodejs application locally - go to `app` directory of project 

    npm install 

    node server.js

    

Step 7: Access you nodejs application UI from browser

    http://localhost:3000

### With Docker Compose

#### To start the application

Step 1: start mongodb and mongo-express

    docker-compose -f docker-compose.yaml up

    

_You can access the mongo-express under localhost:8080 from your browser_

    

Step 2: in mongo-express UI - create a new database "my-db"

Step 3: in mongo-express UI - create a new collection "users" in the database "my-db"       

    

Step 4: start node server 

    npm install

    node server.js

    

Step 5: access the nodejs application from browser 

    http://localhost:3000

#### To build a docker image from the application

    docker build -t my-app:1.0 .       

    

The dot "." at the end of the command denotes location of the Dockerfile.