This game was built as the "Readables" project for the Udacity React Nanodegree Program. The purpose of the project is to demonstrate understanding of how Redux works in a React-based content and comment web app. Users can post content to predefined categories, comment on their posts and other users' posts, edit and delete posts and comments and vote on posts and comments.
Run the app here: https://chit-chat-chit-chat.herokuapp.com
The project uses Node.js and the Create-React-App starter. If you do not have Node >= 6.x installed, you can download it here: Node.js
Once Node is installed, navigate to the directory where you want to store the app and run
git clone https://github.com/sarah-maris/reactnd-project-readable.git
npm install
Start the development server by running
npm start
A new browser window should automatically open displaying the app. If it doesn't, navigate to http://localhost:3000/ in your browser.
The project uses data from an API server hosted at Heroku: https://chit-chat-server.herokuapp.com/
You can also use a local server using the code here: Udacity Readable API Server
The app loads showing all posts, sorted by vote score. You can change the post sorting and show each category's posts separately. You can also add a new post.
Clicking on a post will take to you the single post page, which shows the post body and details about the post. On the single post page you can edit or delete the post and add, delete or edit comments.
- Create-react-app Documentation
- React Router Documentation
- React Training/React Router
- React API
- Flexbox card formatting
- Icons as React Components
- Glyph Icons
- Redux Form
- CSS Tricks: Considerations for Styling a Modal
- Sitepoint: How to Sort an Array of Objects in JavaScript
- Project server starter template
- Project Rubric
- Udacity CSS Style Guide
- Udacity HTML Style Guide
- Udacity JavaScript Style Guide
This project is licensed under the terms of the MIT license.