ClipIt

A Full-Stack URL Shortener Application

Features

• Secure User Authentication
• Personalised Dashboard
• CRUD Operations performed by User
• Statistics of each URL

Tech Stack

Client: React, TailwindCSS, ShadCN-UI

Server: Supabase

Key Learnings

• Setup and Usage of Supabase for Auth and Storage

Run Locally

Clone the project

  git clone https://github.com/Leonardo1903/ClipIt

Go to the project directory

  cd ClipIt

Install dependencies

  npm install

Start the server

  npm run dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

VITE_SUPABASE_KEY = "Your Supabase Key"

VITE_SUPABASE_URL = "Your Supabase Url"

VITE_SHORT_URL = "Your desired short link"

Screenshots

Landing page:

DashBoard:

Demo

https://clip-it-virid.vercel.app/

License

MIT