A Frontend only Blog Platform Mock using JSON Placeholder API
Deployed on Netlify - App Link
👉 A simple table to display users, with columns as name, company, blog posts link.
👉 A filter for user name and companyname.
👉 Design Layout Options
- Table
- Grid (cards)
👉 Display the list of posts of particular user.
👉 Each of these will have a link to the Post DetailsPage.
👉 Pagination with page and limit control.
👉 A filter for post title text matching.
👉 Display title and body of post fetched using URL params.
👉 A search term highlighting the text matched in title as well as body.
👉 A link to load comments. Clicking will load comments and show them on this page.
👉 Also, there will be a delete button which will delete the post.
👉 After a successful deletion, will redirect to the Posts page of the respective user again.
Note: A fake API is used to simulate backend. So, DELETE request wont actually delete the data, it's just a simulation.
👉 Theme Options
- Light
- Dark
- System Preferred (Light or Dark)
- Time Based (Auto sets theme based on time of the day)
- Fork this Repo
- Clone to Local
- Run
yarn install
to install all dependencies - Run
yarn start