Full Auth System Integration in React

Project Overview:
We're building a modern web platform using React + Tailwind for frontend. We need an experienced developer to implement a complete authentication system, including:

Authentication Requirements:
Login / Signup with email/password

Google OAuth Signup/Login

Collect additional info post-Google signup (name, country, course, intake, password)

OTP-based Email Verification

Forgot Password + Reset Flow

Protected Routes with Token-based Auth

Dynamic Navbar (changes after login/logout)

Pages to Implement:
Login/Signup Page (tabbed)

OTP Verification Page

Forgot Password Page

Reset Password Page

Complete Profile Page (for Google users)

Dashboard (post-login landing)

Navbar (dynamic)

Backend is Ready / You’ll Work With:
REST API (you’ll be given endpoints)

MySQL database with the following tables:

users: id, name, email, password, country, course, intake, is_google, created_at

otp_verification: id, email, otp, created_at

What We Expect:
Clean React.js components

Tailwind CSS for UI

Auth token management using localStorage

Route protection with React Router

Responsive, polished UI

Clear code structure

Also there is a course section in website so a payment integration for it and also backend implementation like to store the respective details of the course purchased by user and show the details in his my profile.