/MERN-CRUD-Application

Primary LanguageJavaScript

Navia Coding Challenge

Create a web application with CRUD using React, Redux, NodeJS & Mongodb.

Content

Usage

Clone Repository

$ git clone https://github.com/DesignTX/Navia-Coding-Challenge.git

Install Required Files

1. $ cd backend
2. $ npm install

1. $ cd frontend
$  $ npm install

Run Application

To run the application both the backend and front server must be running, (Note: your computer must have MongoDB services to run the program)

MongoDB Installation Guide: https://docs.mongodb.com/manual/administration/install-community/

Start up Backend server

1. $ cd backend
2. $ npm start

1. $ cd frontend
2. $ npm start

Notes

Both must be running concurrently in order for the application to work.
Serverside is running off http://localhost:5000/
Clientside is running off http://localhost:3000/

Dependencies

react
redux-devtools-extension
redux
redux-thunk
react-router
react-moment
node.js
express
cors
axios
mongoose
uuid

Learning

Learning and implement redux for the first time during this challenge was extremely fun, I had a few bumps but ultimately I see how efficient using redux is at handling state management, being alot more efficient at handling states to make changes from the front and back end, instead of passing down states and props through multiple components to retrieve and update.