https://github.com/qridwan/technext-blog

Blog Site Using JSONplaceholder API
https://github.com/qridwan/technext-blog

api blog material-ui react-bootstrap reactjs router table usecontext-hook

Last synced: about 1 month ago
JSON representation

Blog Site Using JSONplaceholder API

• Host: GitHub
• URL: https://github.com/qridwan/technext-blog
• Owner: qridwan
• Created: 2021-06-01T12:15:46.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-06-03T10:45:37.000Z (over 3 years ago)
• Last Synced: 2024-11-17T05:30:18.098Z (3 months ago)
• Topics: api, blog, material-ui, react-bootstrap, reactjs, router, table, usecontext-hook
• Language: JavaScript
• Homepage: https://22technext-blog.netlify.app/
• Size: 775 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## TechNext-Blog

## [Live Demo](https://22technext-blog.netlify.app/)

## Tech used:

- React

- Use Context, 

- Hooks, 

- Routing,

- React Bootstrap for styling

- Material UI Icons

- Functional Component

## Features:

- User can see all the “Posts”

  - Load the first 10 posts as the page loads

  - “load more” button, which if clicked, load 10 more posts

- As a user, can see profile on navbar, By clicking -

  - See all his/her posts

  - Have the option to update the posts

  - Have the option to delete the posts

- User may add a new post with “Post title” and “Description”

- User see post details with respective comments along with the post on a separate page

- Visitor can see all the other users listed in a table. (I didn't use any plugin for the table)

    - Heading columns - “Name”, “Email”, “Website”

    - Option to sort columns with name, email. (ASC, DSC)

    - Option to search users from table name, email, website

    - Pagination page size (Number of users displaying per page. Eg: 3, 5, All) can

       be changeable

    - If user reload the page then the list according to the state

       (filter/sort/pagination/page size) before the reload

    - Clicking on a user’s name will take users to the corresponding user profile page

       where the details for that user will be shown as well as his/her all posts with

       pagination.