- MongoDB - document database
- Express(.js) - Node.js web framework
- React(.js) - a client-side JavaScript framework
- Node(.js) - the premier JavaScript web server
Using nvm
- npm init
- accept all defaults
npm install express --save
https://expressjs.com/en/starter/generator.html
Free up routing for '/' in app.js
- app.use('/', indexRouter);
+ app.use('/home', indexRouter);
npx create-react-app reactapp --template redux
- Instructions
- Setup theme
npm install react-router-dom --save
package.json
"scripts": {
"build": "react-scripts build && rm -rf ../expressapp/public/ && mv build ../expressapp/public/",
},
https://docs.microsoft.com/en-us/windows/wsl/tutorials/wsl-database
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/
wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -
echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list
sudo apt-get update
sudo apt-get install -y mongodb-org
mongod --version
sudo service mongod start
mongo --eval 'db.runCommand({ connectionStatus: 1 })'
init Script Setup
curl https://raw.githubusercontent.com/mongodb/mongo/master/debian/init.d | sudo tee /etc/init.d/mongodb >/dev/null
sudo chmod +x /etc/init.d/mongodb
sudo service mongodb status/start/stop
https://code.visualstudio.com/docs/azure/mongodb
Connection locahost instance
localhost
27017
noauth
cd reactapp
npm run build
cd expresapp
npm start