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
Posts List | Editing Post |
---|---|
![]() |
![]() |
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
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
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.
Readable is MIT licensed.