A production-ready full-stack URL shortener built with an emphasis on a premium, clean "Apple-style" minimal UI and deeply integrated JWT Authentication security. Built to impress.
- Frontend Dashboard: https://link-lite-two.vercel.app
- Backend API Base: https://linklite-backend-htqg.onrender.com
- GitHub Repository: https://github.com/25Rohit25/LinkLite
graph TD
Client([User/Browser])
subgraph Presentation Layer
Vercel[Vercel Hosting <br/> React + Vite]
end
subgraph Application Node Layer
Render[Render Hosting <br/> Node.js + Express]
Auth[JWT Authentication]
URLRouting[Short Code Router]
end
subgraph Database Layer
Atlas[(MongoDB Atlas)]
end
Client -->|1. Visits UI| Vercel
Vercel -->|2. REST API Calls <br/> Bearer Tokens| Render
Client -.->|3. Visits /shortCode <br/> direct redirect| Render
Render <-->|Validates Token| Auth
Render <-->|Matches Code| URLRouting
Render <-->|Read/Write Operations| Atlas
style Client fill:#f9f9f9,stroke:#333,stroke-width:2px
style Vercel fill:#000000,stroke:#fff,stroke-width:2px,color:#fff
style Render fill:#46E3B7,stroke:#333,stroke-width:2px,color:#000
style Atlas fill:#47A248,stroke:#333,stroke-width:2px,color:#fff
- Secure Authentication: Real JWT-based signup and login system utilizing bcryptjs.
- Dynamic Dashboard: Clean, card-based interface tracking overall link creation and real-time total clicks natively.
- Core Shortener Engine: Custom short-code generation routing directly to deeply nested destination URLs.
- Copy & Delete Workflows: Fully functional state-driven URL management.
This system is strictly decoupled utilizing CI/CD pipelines to ensure maximum continuous uptime:
- Frontend: Deployed via
Vercelwith static.envinjecting the production backend routes. - Backend: Deployed via
Renderconfigured with dynamically guardedMONGO_URIandJWT_SECRETclusters.