🔐 Interactive Authentication System

A modern, responsive authentication system UI built with React, TypeScript, and Tailwind CSS, designed for accessibility, usability, and a smooth user experience. This project includes Login, Register, and Forgot Password pages with interactive micro-animations, responsive layouts, and component-based structure ready for Next.js integration.

Demo: Interactive-Authentication-System

---

✨ Features

• ⚡ Built with Next.js/React + TypeScript
• 🎨 Styled with Tailwind CSS
• 📱 Mobile-first responsive design
• ♿ WCAG 2.1 AA accessible
• 🔑 Authentication pages: Login, Register, Forgot Password
• 🌐 Social login buttons (Google & GitHub)
• 🧩 Reusable component-based architecture

---

🚀 Getting Started

Prerequisites

Make sure Node.js (>=18) and npm or yarn are installed.

Installation

1. Clone the repository:

git clone https://github.com/matrixprompter/Interactive-Authentication-System.git
cd Interactive-Authentication-System

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser:

Navigate to http://localhost:3000

---

📂 Project Structure

.
├── components/          # Reusable UI components
├── pages/              # Next.js pages (Login, Register, Forgot Password)
├── styles/             # Global Tailwind CSS styles
├── public/             # Static assets
└── ...

---

🛠 Tech Stack

• React + Next.js - Frontend framework
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first styling
• React Hook Form - Form validation (recommended)
• Heroicons - Icon library

---

🌍 Deployment

Easily deploy with Vercel:

vercel deploy

Or use the Vercel dashboard to import your GitHub repository.

---

📜 License

This project is licensed under the MIT License.

---

🙌 Acknowledgments

• Tailwind CSS
• Heroicons
• Next.js

---

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

---

📧 Contact

For questions, feedback, or collaboration opportunities:

• 🌐 Website: matrixprompter.com
• 🔗 All Links: linktr.ee/matrixprompter
• 📂 Other Projects: matrixprompter/repositories

---

Made with ❤️ by matrixprompter