A full-stack URL shortener with click analytics, subscription plans, and an admin dashboard.
| Link | |
|---|---|
| 🌐 Backend Live | https://bytesurl.onrender.com |
| 🖥️ Frontend Live | https://bytesurl.vercel.app |
👉 https://drive.google.com/file/d/1igAGwv_Oqe9kd6C3JCxXdulIWQGJfFrR/view?usp=drive_link
A complete walkthrough of the project covering features, architecture, and implementation details.
Admin Email: admin@shorturl.com Admin Password: Admin@123456
For admin access credentials, feel free to reach out via Telegram.
| Link | |
|---|---|
| 📦 Backend Repo | github.com/refatalhasankaif/bytesurl-backend |
| 🎨 Frontend Repo | github.com/refatalhasankaif/bytesurl-frontend |
Frontend
- Next.js 16, React 19, TypeScript
- Tailwind CSS v4
- Firebase Authentication
- Stripe Payments
- TanStack Query, Axios
- EmailJS (contact form)
Backend
- Node.js, Express v5, TypeScript
- PostgreSQL (Neon) via Prisma
- Firebase Admin SDK
- Stripe Webhooks
- nanoid, ua-parser-js, geoip-lite
- Shorten long URLs with optional custom aliases
- Click analytics — device, browser, OS, country, referrer
- Firebase Authentication — email/password and Google
- Three subscription plans — FREE (10 URLs), PRO (500/month), ULTIMATE (unlimited)
- One-time payments via Stripe
- User dashboard — create, view, and delete links
- Admin panel — manage users, URLs, analytics, and payments
- Password reset with custom branded email
- Fully responsive light theme UI