Public and Protected routes in React | Private routes in React with beginner level demo

Let's explore how to create public and protected routes in react with react-router-dom.
This is a simple beginner-level demo on how to set up routes in a react project and how to configure them to use them as public and protected routes.

We will cover:
1. Creating routes path
2. Creating routes config
3. creating sample components for demo here
4. Creating a protected route logic
5. Creating a 404 page and handling wild routes