PROJECT SPECIFICATION

Application Functionality

• Users can add new posts

  • After select a category, the application has a option ➕ for creating a new post. Submitting the form properly adds the post to the selected category.

• Users can add new comments

  • After to see the details of a post, the application has a option ➕ to add comments to a post. Submitting the form properly adds the comment to the selected post.

• Users can edit posts/comments

  • Edit buttons ✏️ for posts/comments open a form with existing data pre-populated. Submitting the form correctly updates the data for the comment/post.

• Users can delete posts/comments

  • Clicking the button 🗑correctly removes the post/comment from list

• Users can change the order of posts

  • Clicking the button ⬆⬇, the list of posts can be re-order by votes or by date

• Users can navigate in the application

  • User is able to navigate between categories, main page and post detail pages.

Features

• Home Page

  • List of Categories From Api
    • Navigate to see their posts
  • List of Post From Api
    • Positive Vote
    • Negative Vote
    • Order by Votes
    • Order by Date
    • Edit
    • View details
    • Delete

• Category Page

  • List of Post of selected Category From Api
    • Positive Vote
    • Negative Vote
    • Order by Votes
    • Order by Date
    • Edit
    • View details
    • Delete

• Post Page

  • Data about post
  • List of Comments of selected Post From Api
    • Add new post
    • Positive Vote
    • Negative Vote
    • Edit
    • Delete

Test the project

Install and start the API server

cd api-server
npm install
node server

In another terminal window, install and start the React application

cd frontend
npm install
npm start