🚀 Authentication UI Project/

A modern authentication interface inspired by the YouTube course tutorial. This project includes Login, Register, and Sign-In pages, built with a clean UI and basic structure for future expansion into full authentication.

---

📸

📌 Features

✅ Frontend Features (Completed)

• 🔘 Login Button (UI Only)

• 🚪 Logout Button (UI Only)

• 📝 Register Page

• 🔐 Login Page

• 🤔 Forgot Password Page (UI Only)

• ✉️ Email Verification UI

• ⚠️ Error Component

• 🧩 Reusable Card & Form Components

• 🌐 App Router Structure

• 🖥️ Server & Client Component Examples (UI Only)

• 🔑 OAuth Buttons (Google & GitHub — UI Only)

• 🎨 Modern, responsive UI with Tailwind CSS

⚠️ Backend (Not Completed Yet)

The project currently does NOT include full backend logic. However, the base setup is included:

• ✔ Prisma installed

• ✔ schema.prisma initialized

• ✔ OAuth buttons included (UI only)

• ❌ No authentication logic

• ❌ No session handling

• ❌ No credential/OAuth providers

• ❌ No middleware, callbacks, verification, 2FA, etc.

Full backend logic will be added in future updates.

Backend logic (routes, authentication, sessions, OAuth handlers) will be added in future updates.

🛠️ Tech Stack

OAuth (GitHub, Google – UI only)

📂 Project Structure

/app
  /login
  /register
  /auth
/components
  /ui
prisma/
  schema.prisma

📦 Installation

git clone <repo-url>

cd <project-folder>

npm install


Set up Prisma (optional for now):

npx prisma generate


Run the project:

npm run dev

🔮 Future Updates

🔹 Add full backend authentication

🔹Add OAuth logic (GitHub + Google)

🔹Add password hashing

🔹Add protected routes

🔹Add user dashboard

🤝 Contributions

Pull requests and suggestions are welcome.

📺 Tutorial / Instructor

This project was inspired by the Next Auth V5 – Advanced Guide by Code With Antonio.