https://github.com/siyabuilds/nextjs-password-generator
A sleek password generator built with Next.js API routes, TypeScript, and a touch of ShadCN UI. Generate secure, random passwords with ease — all in a fast, modern interface.
https://github.com/siyabuilds/nextjs-password-generator
api nextjs shadcn-ui tailwindcss
Last synced: about 2 months ago
JSON representation
A sleek password generator built with Next.js API routes, TypeScript, and a touch of ShadCN UI. Generate secure, random passwords with ease — all in a fast, modern interface.
- Host: GitHub
- URL: https://github.com/siyabuilds/nextjs-password-generator
- Owner: siyabuilds
- Created: 2025-04-08T13:06:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-09T12:53:45.000Z (about 1 year ago)
- Last Synced: 2025-06-23T09:51:44.125Z (12 months ago)
- Topics: api, nextjs, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://nextjs-password-generator-psi.vercel.app
- Size: 204 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔐 Next.js Password Generator
A fast, secure, and fully customizable password generator built with **Next.js**, **TypeScript**, and **Tailwind CSS** — designed with real-world use cases in mind.
🔗 **Live Demo:** [password-generator.markuptitan.site](https://password-generator.markuptitan.site)
---
## ✨ Features
- ✅ **Server-side generation logic** via Next.js API Routes for lightning-fast performance and client responsiveness.
- 🛡️ **Strong password rules** with customizable options: length, symbols, numbers, uppercase.
- 🔁 **Copy-to-clipboard** functionality with feedback.
- 🚀 **Instant generation** without reloads, built with fully type-safe API interactions.
- 🧪 **Scalable function design** using destructured parameters to future-proof logic.
- 🎨 Built with **Tailwind** for responsive design and smooth UX.
---
## 🧠 Tech Stack
- **Framework:** Next.js (API Routes)
- **Language:** TypeScript (Type safety across frontend/backend)
- **Styling:** Tailwind CSS
- **Deployment:** [Vercel](https://vercel.com/)
---
## 🚧 Future Enhancements
- 🌙 Dark mode toggle
- 📱 PWA support (installable tool)
---
## 🧠 Why This Project?
This isn’t just a toy — it’s built with:
- **Server/client separation of concerns**
- **Real-world architecture**
- **Modern frontend practices**
- **Security-first thinking**
---
## 🧪 Live Demo
👉 [password-generator.markuptitan.site](https://password-generator.markuptitan.site)
---