Table of content

• Introduction
• Instalation
• Usage
  • Posting
  • Commenting
• Responsive UI
• Development

Introduction

Readable is the second project of Udacity's React Nanodegree course which students were asked to build a content and comment web app.

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. Furthermore, users are also able to edit and delete posts and comments.

This repository also includes the code for the backend API Server that was used to develop and interact with the front-end portion of the project.

Installation

• Backend API server

  • cd api-server
  • npm install
  • node server

• Front-end UI

  • cd frontend
  • npm install
  • npm start

Usage

Readable was developed to be a straightforward, easy and clean interface for the user.

Posting

Commenting

Responsive UI

Following the philosophy of responsiveness in Material Design, Readable interface is able to adapt its layout at various screen sizes for optimal user experience.

Development

Readable made use of various awesome packages available in the web:

• create-react-app
• redux
• react-redux
• react-redux-router
• react-router
• redux-thunk
• react-easy-validation
• material-ui