react-readable

A dynamic social application using the state management features of Redux and React

Stars
7

React Readable

Readable is a dynamic social application using the state management features of Redux and React.

In Readable users are able to post content to predefined categories, comment on their posts and other users' posts, and vote on posts and comments. Users are also able to edit and delete posts and comments.

This is the second project for Udacity's React Developer Nanoderee

What is Redux?

Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.!

Redux Image by Udacity

Redux Store, why it is amazing?

The Redux store is the single source of truth that holds state of your whole application in an object tree within it. store changes trigger views updates -and viceversa- in realtime!


Servers

This app requires the following two local servers to be running at the same time

1. API local server

Server directory: /server

2. React development server

Client directory: /client

Setup

  1. This app requires npm to build, if Node and npm are not installed on your device, you should install them first more info here

  2. Make sure api local server is installed and running before starting

npm install
node server
  1. Move to client directory and install all required npm packages
npm install
  1. Run React server
npm start