This is a demo project for the React CosmosDB video series that shows how to...

• Setup a React / Node application
• Create, Read, Update and Delete data from CosmosDB with the Mongo API
• Debug React and Node apps
• Scale and replicate CosmosDB

Follow along with the video series. React is a blast and CosmosDB is crazy fast. Building this app is way too much fun.

1. Clone this repository

git clone https://github.com/burkeholland/react-cosmosdb.git

2. Change into the directory that was cloned and run npm install

cd react-cosmosdb && npm install

3. Configure the CosmosDB Server Setting

Rename server/env/environment-change-me.js to environment.js and change the cosmosPort, dbName and key to match your CosmosDB environment.

// server/env/environment.js
const cosmosPort = 1234; // replace with your port
const dbName = 'your-cosmos-db-name-goes-here';
const key = 'your-key-goes-here';

module.exports = {
  cosmosPort,
  dbName,
  key
};

In development, the app runs via two separate processes...

node server/server.js

In a different terminal tab...

npm start

In production, you want Express to serve up your app.

npm build

Now start the Express server from the server folder

cd server
npm start

Your entire application is now running on port 3001.

Everything in the server folder is what is needed in production. Those are all of the build assets.