🔐 Advanced Authentication System

• This project was made to understand how Authentication works manually via email verificaition and sending OTP's.

• The Project mainly focuses on handling curcial information like session tokens and passwords.

• It enables users to browse safely throughout their session as all the infomation is encrypted using essential React libraries like crypto and bcryptjs

  🌟 Features

• Verify email via OTP

• Forgot password and reset password secured with tokenization

• Get a welcome email

  🚀 Deployment

• Advanced authentication It may take some time to load...

ezyZip.mp4

Structure

📦 Advanced-Auth
├── 📂 Backend
│    ├── 📂 Controllers
|    |    └── 📄 authcontrollers.js
│    ├── 📂 DB
│    |    └── 📄 ConnectDB.js
│    ├── 📂 MailTrap
│    |    └── 📄 EmailTemplate.js
│    |    └── 📄 Email.js
│    |    └── 📄 MailTrapConfig.js
│    ├── 📂 Middleware
│    |    └── 📄 VerifyToken.js
│    ├── 📂 Models
│    |    └── 📄 UserModel.js
│    ├── 📂 Utils
│    |    └── 📄 GenerateTokenSetCookie.js
│    ├── 📂 Routes
│    |    └── 📄 authRoutes.js
│    └── 📄 index.js
├── 📂 Frontend
│    ├── 📂 src
│         ├── 📂 Pages
│         |    └── 📄 EmailVerification.jsx
│         |    └── 📄 ForgotPassword.jsx
│         |    └── 📄 Home.jsx
│         |    └── 📄 Login.jsx
│         |    └── 📄 ResetPasswordPage.jsx
│         |    └── 📄 SignUp.jsx
│         ├── 📂 Store
│         |    └── 📄 authStore.jsx
│         ├── 📂 Utils
│         |    └── 📄 Date.js
│         └── 📂 components
│              └── 📄 FloatingShape.jsx
│              └── 📄 Input.jsx
│              └── 📄 LoadingSpinner.jsx
│              └── 📄 PasswordStrength.jsx
│    
├── 📄 .gitignore
├── 📄 README.md
└── 📄 package.json
└── 📄 package-lock.json