This project was chosen because I think authorization is a great way to learn React.js, as well as learning how to connect and work with a database.

• Website home page
• Website login page
• Website register page
• Firebase setting
• Connecting DB with my project

This is the page that appears after logging into your account or after registration (the so-called home page).

If you are logged in under the user (for example) [email protected], you will see such a page with an option to log out of the account and then redirect to the login page.

And this is how the page will look like if you just registered under a new user (for example) [email protected].

This page is required to be filled out, as it takes the user to the home page. If there is no such user, he/she will not be able to access the main page.

It's how this page looks like:

Example with Non-existent user: User not be able to access the main page.

Another example with exist user:

This page is responsible for the registration of new users, after a person fills out all the fields and clicks "register" he will get to the main page.

It's how this page looks like:

And example with filled forms:

I now have a better understanding of how React, Redux, Js, Firebase, JSX, Hooks work.

• Working with JSX components
• Creacting my own hook
• Application architecture
• Work with documentation

• React Docs Eng.

• React Docs Rus.

• Firebase Docs Eng.

• Mozilla Docs Eng/Rus