Tech Stack
React
TypeScript
Node.js
Express
MongoDB
Mongoose
Tailwind CSS
React Router
JWT
shortid
Recharts
Description
Clix is a full-stack URL shortening solution built with the MERN stack with robust authentication and analytics support.
I developed both backend APIs and frontend interfaces, integrating JWT-based security, MongoDB persistence, and dynamic user analytics.
The platform includes role-based access control and an admin dashboard for system-wide management.
- Unique short URLs with redirection and click tracking
- User authentication with JWT & role-based access control (user, admin)
- Dashboard with realtime analytics & charts
- Frontend built with React & Tailwind CSS
- Backend REST APIs with Node.js, Express, and MongoDB/Mongoose
- Responsive UI with protected routes & form validation
- Short ID generation with `shortid` library
- Users can manage their own URLs and Admins can manage all system data
Page Info
Dashboard & Analytics
Responsive analytics dashboard showing clicks, visit trends, and URL management with charts.
URL Creation & Redirection
Shorten long URLs with unique IDs and auto-redirect functionality with visit tracking.
User & Admin Management
Authentication with JWT, role-based access control for users and admin panel.
