Скачать или смотреть Part 3 | Building OTP Authentication & User Management in FastAPI + Vanilla JS Frontend (Issue #2)

📘 *Description*

In this video, I implement *email-based OTP authentication* and *user session management* from scratch using **FastAPI**, **MongoDB (Beanie ODM)**, and a **vanilla JS frontend**.

This completes *Issue #2* in the *AI PDF Wizard* project — a full-stack app built with FastAPI + HTML/Tailwind + async worker tasks.

---

🧩 What’s Covered

OTP login system (email + code)
Gmail SMTP integration for sending OTP emails
JWT authentication with HTTP-only cookies
`/register`, `/login`, `/logout`, `/me` routes
Frontend form handling, validation, and protected pages
Global auth state & conditional UI rendering
Route guards for guest/auth users

---

🗂 *Related Links*

🔗 GitHub Issue #2: [https://github.com/morteza-rostami-cs...](https://github.com/morteza-rostami-cs...)

🧠 Project Repository: [https://github.com/morteza-rostami-cs...](https://github.com/morteza-rostami-cs...)

🎞 Issue #1 Video (Setup & Architecture): [   • ai_pdf_wizard_day1&2_issue#1  ](   • ai_pdf_wizard_day1&2_issue#1  )

---

🏷 *Tags*

`#fastapi #javascript #fullstack #beanie #webdev #async #mongodb #otp #authentication #python #vanillajs #100DaysOfCode #buildinpublic #aiapp`

---