plist

Plistinator online using MERN stack

Getting Started

Local Development

Pre-requisites & overview

• Node JS and npm

The steps are:

• Run a local mongo instance
• Run the server
• Run the client
• Open the client in a browser

Note that shell commands below are run relative to the top directory of this repository.

Running a Development Mongo locally

• Install Docker locally
• If using VSCode Install the Docker extension
  • More documentation on the VS Code extension
  • Or run from the command line:

docker-compose -f "docker-compose.yml" up -d --build

Run the Server locally

• Use the VSCode package.json integration in the node.js extension to run
  • NPM SCRIPTS > server/package.json > start - server

---

---

• Or run from the command line:

cd server
nodemon --watch 'src/**/*.ts' --exec "ts-node" src/server.ts

The result should look as follows (screenshot from VS Code terminal)

Run the Client locally

• Use the VSCode package.json as for the server above but select
  • NPM SCRIPTS > client/package.json > start - client
  • Or run from the command line:

cd client
npm start

References

• wannago.io Typescript Express
• Udemy Course: MERN Stack Web Development

MERN Stack Web Development with Ultimate Authentication Build Ultimate Authentication Boilerplate Project with MERN Stack from Scratch to Digital Ocean Cloud Servers