CCLinker is a secure and privacy-focused URL shortener built with Supabase for backend and Vanilla JavaScript + TailwindCSS for frontend. It allows users to create, manage, and share short URLs with advanced access controls, analytics, and notifications.

• ✨ Features
• 🛠️ Tech Stack
• 🧠 User Flow
• 🖥️ Screenshots
• 🚀 Getting Started
• ⚙️ Environment Variables
• 📊 Database Schema
• 🤝 Contributing
• 📜 License

• Clear instructions on how to use the app.
• Prominent Login and Sign-Up options.
• Mobile-friendly and responsive design.

• Email-based Magic Link Login powered by Supabase Auth.
• Secure session management.

• URL creation and management.
• Set expiration/start dates.
• Password-protected URLs.
• Email whitelisting and access requests.
• Real-time analytics.

• Users are prompted for passwords or email validation.
• Unauthorized users can request access via email notifications.

• Total clicks, unique visitors, and top-performing URLs.
• Real-time data visualizations.

• Email alerts for URL access and access requests.
• In-app notifications.

• Frontend: Vanilla JavaScript, TailwindCSS
• Backend: Supabase (Auth, PostgreSQL Database, Edge Functions)
• Deployment: Vercel (Frontend), Supabase Cloud (Backend)

1. Homepage: Users land on the homepage, learn about the app, and sign up or log in.
2. Dashboard: Users can create new URLs, set access controls, and view analytics.
3. Short URL Access: When someone clicks a short URL:
   • They're redirected to an Intermediate Page.
   • They must provide a password or email verification.
4. Access Approval: If unauthorized, users can request access.
5. Analytics: The creator can monitor URL activity via the dashboard.

• Node.js installed (Optional for local development)
• Supabase account

# Clone the repository
git clone https://github.com/tank0nf/CCLinker.git

# Navigate to the project folder
cd CCLinker

# Install dependencies
npm install

# Start the development server
npm run dev

• Deploy the frontend on Netlify or Vercel.
• Connect the backend to Supabase Cloud.

Create a .env file in the root directory and add:

SUPABASE_URL=your_supabase_url
SUPABASE_API_KEY=your_supabase_api_key

• id: Unique User ID
• email: User Email
• created_at: Account Creation Timestamp

• id: Unique URL ID
• short_url: Shortened URL
• original_url: Original URL
• expiration_date: Expiry Date
• password: Optional Password

• id: Log ID
• url_id: Associated Short URL
• accessed_by: Email/Name
• accessed_at: Timestamp

Contributions are welcome! Follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature-branch.
3. Make your changes.
4. Submit a pull request.

1. Make a Logo.
2. Make Homepage more interactive and more informative.
3. Add additional features

For any questions or support, feel free to reach out. 🚀😊

Happy Coding! 🎉