jerryle/react-personal-notes-mgr

React Redux App - created using Bootstrap for UI and interacting with REST API (protected with JWT)

react-personal-notes-mgr

React Redux application for managing personal notes.

A complete Single-Page-Application (SPA) created using React JavaScript library. We have used Redux for state management and Bootstrap for styling the UI. We are interacting with a RESTful API which is protected using JWT.

Another thing to note is, we have not used any 3rd party library such as thunk/saga for performing async operations. Instead we have created own custom API redux middleware. For any medium to large application, leveraging redux middleware helps in centralizing common tasks (or cross cutting concerns) such as API calls, exception handling and logging.

Here are all the videos where we have created this React app Youtube Playlist

Setup and Installation

1. Backend REST API Node server

   As this React app is consuming a REST API, make sure the same is up and running on your system

   • the complete code is available here at GitHub
   • go through any one of the below videos to make the API up and running:
     https://www.youtube.com/watch?v=YwjR7k28QV0
     https://www.youtube.com/watch?v=hrT1kQSRB8U

2. Clone the React app repo from GitHub

   git clone https://github.com/pairlearning/react-personal-notes-mgr.git

3. Install npm dependencies

   cd react-personal-notes-mgr
   npm install

4. Run npm start to start the application

   npm start

   this runs the application at port 3000 and we can access from http://localhost:3000