🔐 Next.js Auth — Login & Registration Flow

A practice project demonstrating authentication flow, protected routes, form validation, and API integration.

---

🔗 Live Demo

https://09-auth-ashy-three.vercel.app/

---

📌 Overview

This project implements a classic authentication flow including:

• user registration
• user login
• handling server responses
• token-based auth (or mock-auth depending on your API)
• protecting private routes
• showing/hiding UI depending on auth state

The logic is designed in a way that mirrors real-world patterns used in React and Next.js applications, making the codebase ready for future migration into a full Next.js project if needed. It combines React components with modern tools like TanStack Query, Axios, and TypeScript, making it a strong foundation for production-grade authentication flows.

---

🖼️ Preview

---

✨ Key Features

• 🔐 Registration & login forms
• 📝 Form validation (frontend + server responses)
• 🔄 Auth state management
• 🧭 Protected routes
• 🎯 React Query mutations for login/registration
• 🛡️ Token handling & conditional UI
• 📡 Reusable Axios instance
• ⚡ Instant UI updates based on auth state
• 🧩 Modular & clean component structure

---

🛠 Tech Stack

• Next.js
• React 18
• TypeScript
• TanStack Query (React Query)
• Axios
• Vite
• CSS Modules
• React Router

---

🧡 *Learning by doing — one project at a time.*