ByteLink

One day a friend of mine sent me a long link with all sort of charachters that takes up the whole phone screen, so I thought about creating this solution:
ByteLink is a modern, minimalistic URL shortener.
It allows users to quickly shorten long URLs and share them with ease.
The app features a beautiful UI, developer profile, and seamless clipboard copy functionality.

Features

• ✂️ Shorten long URLs instantly
• 📋 One-click copy to clipboard
• ⚡ Fast, responsive, and mobile-friendly design
• 👤 Developer profile
• 🌈 Modern UI with minimalistic aesthetics
• 🔒 Built with
  ✨ Frontend: Next.js, TypeScript, Tailwind CSS, and a LOT OF Lucide icons ⚙️ Backend: .NET 9, ASP.NET Core, C#, SQL SERVER... Curious about the Backend 🤔? here is the link to the Repo: https://github.com/hamzaaitaissa/ByteLink

Quick Demo

In this demo I used a Google Maps link as an example:

Getting Started

1. Clone the repository:

   git clone https://github.com/hamzaaitaissa/ByteLink-UI.git
   cd bytelink

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser.

Project Structure

• /app — Main application pages
• /components — Reusable UI components
• /public — Static assets (images, icons, etc.)
• /styles — Global styles

Technologies Used

• Next.js
• TypeScript
• Tailwind CSS
• Lucide Icons
• Sonner (for toast notifications)

Customization

• Update your developer profile in /app/developer/page.tsx
• Change branding, colors, and assets in /components and /public

License

This project is licensed under the MIT License.

---

Made with ❤️ and Pain.