Clix
Clix — a full-stack MERN URL shortening app with authentication, analytics dashboard, and admin controls.
Overview
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
Product Screens
3 screensScreen 1
Dashboard & Analytics
Responsive analytics dashboard showing clicks, visit trends, and URL management with charts.
Screen 2
URL Creation & Redirection
Shorten long URLs with unique IDs and auto-redirect functionality with visit tracking.
Screen 3
User & Admin Management
Authentication with JWT, role-based access control for users and admin panel.
Dashboard & Analytics
Responsive analytics dashboard showing clicks, visit trends, and URL management with charts.