Creating Instagram UI with ReactJS - Part 1: Navigation Bar

This is part 1 of the series where I create the Instagram UI with ReactJS.

In this part I show you how to set up the project and we create the navigation bar.

The code in this video can be found on this GitHub repository:

Timestamps:
0:00 Introduction
0:20 Project setup
2:22 Starting development server
3:45 Adding landing component
6:04 Creating the navbar
7:36 Dividing navbar into sections
9:15 Making the logo section
10:09 Making the searchbar
16:21 Fixing the searchbar focus
17:18 Adding the state to the searchbar
21:47 Making the actions section
29:32 Adding hover effect on buttons