Protected and Public routes implemented in client side

[kaushik27mishra]

I have made two types of Routes using react-router which will allow to control the logged in as well as a new user.

1. Public Route :- For the case when the user is already logged in so, we should not allow the user to visit the login and signup page. If the user tries to acess these pages, it will redirect the user to the main app page.
2. Private Route :- For the case when the user is not logged in we shouldn't allow the user to go inside our main app. It will redirect the user to login page. If the user tries to acess these pages, it will redirect the user to the login page.

I am controlling these events using a simple boolean value isAuthenticated which needs to be stored in the react context or redux store.