Full Stack React App with optional Redux Implementation

This React app currently has a main branch for plain React state management, and a Redux branch for redux state management. Compare main with redux to see the transition from component handled state (plain react) to store handled state (redux).

Quick Start Demo

Clone or download the repo into your system.
If you don't already have it, install NodeJs from NodeJs Official Page.
Open Terminal

Run Mongo

Make sure you have MongoDB installed.
Run mongod

Run the server

Go to my-react-app project directory, then cd server
Install dependencies: npm install
Start server: npm start
(Optional) To test requests on the server directly, try in the browser: http://localhost:3001/api/employee or use Postman.

Run the client

Go to the my-react-app project directory, then cd client
Install dependencies: npm install
Start react client: npm start
Navigate to http://localhost:3000/ and try adding an employee

Protip: Instead of running mongo, the express server, and the react client seperately, optionally use concurrently Install: npm install -g concurrently Run from project directory: concurrently "mongod" "cd server && npm start" "cd client && npm start"

About

This project is an ongoing demo of a full stack react application. The primary stack that will be developed is Node.js + React + Express + MongoDb. I want to keep this project's stack as simple as possible because this project is meant primarily for learning React, and secondarily for learning how to set up a fundamental backend for a Node app with React before adding Redux conventions or more frameworks.