Simple Single Page Application SPA that uses
- Simple Happy Path Use Cases
- NodeJS
- React Components README
- Semantic-UI-React
- HTML5, CSS3 & Javascript
- ExpressJS Web API
- Mongoose CRUD with indexes, text search Services README
- Mongo Docker Container
NOTE: The app.js could function within a serverless cloud environment or API explorer. However, this is a small application with limit features. These environment require registration, access tokens and more.
Tools | Javascript | Database | Live Code Testing |
---|---|---|---|
Markdown Guide | ReactJS | MongoDB Ecosystem | jsfiddle |
GitHub | Mozilla Javascript | Mongo Docker Hub | codepend.io |
Visual Code | Typescript | Mongoose JS | Regexr |
Powershell Core | Robo3t | ||
Docker |
# project dependency package manager
npm install or yarn install
# loads the container
sudo docker run -it --expose 27017:27017 --name mongo_dev mongo:latest
# starts the container
sudo docker start mongo_dev
# starts the container with interactive output viewer
sudo docker start -i mongo_dev
# transcomile typescript files
npm run complile or yarn compile
# start the express app on localhost:3302
node src/app.js
# start the web app on localhost:33001 in different shell
npm run start or yarn start
launch.json
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome",
"url": "http://localhost:3301",
"preLaunchTask": "npm: start",
"webRoot": "${workspaceFolder}/src"
},
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceFolder}/src/app.js",
"preLaunchTask": "tsc: build - tsconfig.json",
"outFiles": [
"${workspaceFolder}/src/**/*.js"
]
}
]