Build a Blog App with React — Finishing the Project

Part 4: In the final part of the project, we will finish all the leftover components and learn how to set up a local JSON server.

Photo by Anete Lūsiņa on Unsplash

Hello everyone! So, this is going to be the fourth and final part of the React blog app series. In the first part, we discussed how we could start a new React project, and we learnt how to set up a Git repository to track our changes. Also, we had a look at the package.json file.

Build a Blog App with React — Intro and Set-Up (Part 1)

Then, in the second part, we started to build our components. First, we got an overview of all our components and how they should work. Next, we built out the Home and the BlogList component.

Build a Blog App with React —Building Components (Part 2)

Next, in the third part, I dealt with the other important components like the Blog detail component, the Create new blog component, and the useFetch custom hook.

Build a Blog App with React — Components and Hooks

Now, in the fourth and final part, I will deal with all the leftover components, and we will learn how to set up a local JSON server to act as a server for fetching data.

Navbar Component

This component is used to display the navbar on our blog website. It would be a simple Navbar with two links:-

1. Home — Clicking on this takes the user to the homepage.
2. Create Blog — Clicking on this link will take the user to the new blog creation page.