Completed
Full Stack
Cliply
An AI-powered media optimization & sharing platform with contextual image cropping, smart video compression, and a public showcase wall.
Overview
Cliply is a full-stack web application that allows users to upload images and videos, automatically optimize them using AI, and share them publicly. It simplifies media processing by offering smart image cropping and efficient video compression, all through a clean and responsive interface.
What Does it Do?
- Upload images and videos for processing
- Automatically crop images using AI-based contextual detection
- Compress videos while maintaining visual quality
- Preview processed media before downloading
- Browse publicly shared media on a showcase wall
- Create an account and securely access media tools
- Store and manage uploaded media content
Why I Built this
- To explore AI-powered media optimization in real-world applications
- To build a complete full-stack platform with authentication and media handling
- To understand cloud-based media processing workflows
- To create a practical project demonstrating modern web architecture
Tech Stack
- Next.js
- React
- Tailwind CSS
- DaisyUI
- Clerk
- Cloudinary AI
- NeonDB
- PostgreSQL
- Prisma ORM
- Vercel