My Logo
React Router Blog
001

A basic blog built with React Router and data fetching from an API

Using a JSON Server, I created a basic blog that allows users to create new posts, update current ones, and search posts.

Note - In production, this uses a small JSON Server database with a max character limit, so data changed will not persist.

React Router Blog
React Router Blog

About this project

  • This blog implements the React Router to create a Posts, Users, and Todos page.
  • The original project used a local JSON Server. For display purposes, it was replaced with a small JSON Server hosted elsewhere.
  • The JSON Server is a fork of the Typicode JSON Server.
  • The API allows for POST, PUT, and GET endpoints that I utilize to create new posts, update posts, and filter posts.
  • Users can also edit posts and push
  • When creating a new post, it also creates a new route for the post.
  • This project also implements a loading spinner and error page.
  • Concepts used

  • React Router
  • API Fetch Requests
  • Async Functions
  • Database Actions/Mutations
  • JSON Server
  • Axios
  • Loaders