Skip to content

YoungsAppWorkshop/readable

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Screenshots

Posts List Editing Post
Screenshot_01 Screenshot_02

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.

License

Readable is MIT licensed.

About

A content and comment web app built with React/Redux

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.4%
  • HTML 1.7%
  • CSS 0.9%