Demonstration of card tricks using - MongoDB, Express.js, React.js, and Node.js

Setup

Node

Create a Virtual Env:

python3 -m venv <path> # to create a new environment
source <path>/bin/activate

For Linux:

curl -sL https://deb.nodesource.com/setup_13.x | sudo -E bash -
sudo apt-get install -y nodejs

For Mac:

brew install node

MongoDB

Install the community edition here.

React

npm install -g create-react-app

To create a new React app:

create-react-app name_of_app

To run the app, cd into the directory and do:

npm start

Running the app

Run Mongo daemon:

sudo mongod

Mongo will be running on port 27017.

To create a database:

mongo

This will open the mongo shell. Type in use users to create a new database called users.

Run Express:

cd backend/
npm install
npm start

Run React:

cd frontend
npm install/
npm start

Navigate to localhost:3000/ in your browser.

ERRORS

To kill existing running instance,Run:

sudo lsof -iTCP -sTCP:LISTEN -n -P