🚀 Pixly - URL Shortener & Analytics

Pixly is a modern URL Shortener Application that helps you shorten long links into simple, shareable URLs while also offering a detailed analytics dashboard.
It ensures a secure experience with JWT authentication, a clean UI built in React, and robust backend services powered by Spring Boot.

---

✨ Features

• 🔗 URL Shortening – Create short, clean, and shareable links from long URLs.
• 📊 Analytics Dashboard – View:
  • Daily click tracking per URL
  • Total clicks across all links in a graph
• 📋 Copy & Share – One-click copying and sharing of shortened links.
• 🔐 Secure Auth – JWT-based authentication with Spring Security.
• 📱 Responsive UI – Optimized for both mobile and desktop screens.

---

🖥️ Tech Stack

Frontend

• ⚛️ React – Component-based UI framework.
• 🎨 Tailwind CSS – Utility-first CSS framework for responsive designs.
• 📑 Libraries Used
  • react-hook-form – Easy and flexible form handling.
  • react-loader-spinner – Pre-built animated loaders for smooth UX.
  • react-hot-toast – Elegant toast notifications for user feedback.
  • react-router-dom – Navigation and routing for React apps.
  • axios – Promise-based HTTP client for API calls.
  • chart.js – Interactive and responsive graphs/charts.
  • react-icons – Popular icon library for React projects.
  • react-copy-to-clipboard – Quick copy-to-clipboard functionality.
  • Material UI – Pre-styled React components for faster UI development.

Backend

• ☕ Spring Boot – Backend framework for building robust Java applications.
• 🛡️ Spring Security (JWT) – Ensures secure login/signup using tokens.
• 🗄️ Hibernate JPA – Simplified ORM for database operations.
• 📝 Lombok – Reduces boilerplate code in Java (getters/setters, constructors).
• 🐬 MySQL/Postgres Drivers – Database connectivity for different environments.

Database & Deployment

• 🟣 PostgreSQL (Neon Database) – Cloud-based scalable database.
• 🐳 Docker – Containerized backend for smooth deployment.
• ☁️ Render Cloud – Hosting backend services.
• 🌐 Netlify – Frontend hosting with custom domain support.

---

📸 Screenshots

🔗 Visit Pixly Live to explore the working demo.

---

🚀 Deployment

• Live Website: https://pixly.space
• Backend: Dockerized Spring Boot APIs hosted on Render Cloud
• Database: Neon PostgreSQL

---

👨‍💻 Developer Social Links

• 💼 LinkedIn: vaishnavgupta
• 🐙 GitHub: vaishnavgupta
• 📧 Email: [email protected]

---

💖 If you like this project, check out the live demo and don't forget to give it a Star ⭐!