Readable: A Content & Comment App

Readable is a content and comment web app built with React, Redux and Bootstrap. Users can post content to predefined categories, comment on their posts and other users' posts, and vote on posts and comments. Users can also edit and delete posts and comments. This project is one of assignments for the Udacity's React Nanodegree program.

• 한글 리드미(README Korean) 파일: README_ko.md

Screenshots

Posts List	Editing Post

How to Start

To start the Readable App:

• Clone the project with git clone https://github.com/YoungsAppWorkshop/readable

• Change directory with cd readable

• Install and start the API server

  • cd api-server
  • npm install
  • node server

• In another terminal window, install and start the frontend server

  • cd frontend
  • npm install
  • npm start

Structure of the App

The structure of the Readable app is based on the idea of separating presentational and container components. The below is a simplified preview of the app structure:

├── README.md           # This file
├── api-server          # Simple API server code from Udacity's starter repository
└── frontend
    ├── ...
    ├── public
    └── src
        ├── actions     # Redux Action Creators
        ├── components  # Presentational components
        │   └── App.js
        ├── constants
        ├── containers  # Container components
        ├── reducers    # Redux Reducers
        ├── store       # Redux Store
        ├── styles
        ├── utils
        ├── ...
        └── index.js

Attributions

The Readable app was bootstrapped with Create React App, and built with React, Redux, Redux-thunk, normalizr, React Router, Bootstrap4, Reactstrap and others.

• The code for the backend API Server is contributed by Udacity's project starter repository.

License

Readable is MIT licensed.