Creating Register, Login, and Logout System for React Website
Budget: €30 – €250 EUR
Description:
I am seeking a skilled developer to design and implement a comprehensive Register, Login, and Logout system for a React website template. The website's forms and a live demo can be accessed at: https://demos.creative-tim.com/material-dashboard-pro-react/#/dashboards/analytics. Template detailed documentation available here: https://www.creative-tim.com/learning-lab/react/overview/material-dashboard/. The complete source code for the template will be provided.
User Authentication:
Users must be able to register and log in using their email and password. The preferred login page form is: https://demos.creative-tim.com/material-dashboard-pro-react/#/authentication/sign-in/cover. For users who haven't registered, the login page should serve as the initial landing page. After a successful login, users should be automatically redirected to the <Analytic> component. Corresponding user name on Sidenav menu should be changed automatically. User avatar image will not be used and can be as static user icon. Additionally, users should have the capability to log out, and upon logout, they should be automatically directed back to the login page.
Backend Framework:
The backend operations should be seamlessly integrated with Firebase Authentication. The website is already authenticated with Firebase Realtime Database. The necessary authentication code snippet (Firebase configuration) will be provided additionally. Firebase currently for this project contains several demo users that can be used for testing purposes.
Additional Special Features:
After successful user login, the <Analytic> functional component should retrieve the respective user's data from Firebase Realtime Database. Each user's data is stored as a JSON object within the database. Data contain also full user First and Last name, so it can be correctly displayed on Sidenav menu as a logged user. The exact data structure in the database will be shared separately. Importantly, the retrieved data should be accessible to all components across the web pages.
Ideal Skills and Experience:
- Strong proficiency in React and Node.js.
- Experience in implementing user authentication systems.
- Familiarity with password recovery and security measures.
- Ability to integrate backend operations with the React frontend.
Please provide examples of similar projects you have completed in the past.
I am seeking a skilled developer to design and implement a comprehensive Register, Login, and Logout system for a React website template. The website's forms and a live demo can be accessed at: https://demos.creative-tim.com/material-dashboard-pro-react/#/dashboards/analytics. Template detailed documentation available here: https://www.creative-tim.com/learning-lab/react/overview/material-dashboard/. The complete source code for the template will be provided.
User Authentication:
Users must be able to register and log in using their email and password. The preferred login page form is: https://demos.creative-tim.com/material-dashboard-pro-react/#/authentication/sign-in/cover. For users who haven't registered, the login page should serve as the initial landing page. After a successful login, users should be automatically redirected to the <Analytic> component. Corresponding user name on Sidenav menu should be changed automatically. User avatar image will not be used and can be as static user icon. Additionally, users should have the capability to log out, and upon logout, they should be automatically directed back to the login page.
Backend Framework:
The backend operations should be seamlessly integrated with Firebase Authentication. The website is already authenticated with Firebase Realtime Database. The necessary authentication code snippet (Firebase configuration) will be provided additionally. Firebase currently for this project contains several demo users that can be used for testing purposes.
Additional Special Features:
After successful user login, the <Analytic> functional component should retrieve the respective user's data from Firebase Realtime Database. Each user's data is stored as a JSON object within the database. Data contain also full user First and Last name, so it can be correctly displayed on Sidenav menu as a logged user. The exact data structure in the database will be shared separately. Importantly, the retrieved data should be accessible to all components across the web pages.
Ideal Skills and Experience:
- Strong proficiency in React and Node.js.
- Experience in implementing user authentication systems.
- Familiarity with password recovery and security measures.
- Ability to integrate backend operations with the React frontend.
Please provide examples of similar projects you have completed in the past.