MyTinyClick

Preview

Project Overview

A URL shortening service that makes long URLs short and easy to share.

Technologies Used

ReactNext.jsTailwind CSSTypeScriptShadcn UIMySQLPrisma

Key Features

  • URL shortening
  • Custom short URLs
  • QR code generation
  • Analytics
  • User authentication
  • User friendly interface
  • Responsive design for mobile and desktop
  • Server side rendering
  • Searchable

Additional Information

MyTinyClick is a URL shortening service that allows users to create short, custom URLs for easy sharing. It also provides QR codes for quick access and analytics to track the number of clicks on the shortened links.

1

Main Page

User can generate short URLs for their links without being authenticated.

Step 0: Main Page
2

Info Page

After generating a shortened URL, the user can see the original URL and the shortened URL.

Step 1: Info Page
3

Sign In Page

User can sign in or register using Email, Google or Github.

Step 2: Sign In Page
4

Dashboard Page

User can see the number of clicks on the shortened links, and the number of links they have created. In Numbers and a beautiful chart.

Step 3: Dashboard Page
5

Links Page

User can see the links they have created, and the number of clicks on each link. And can manage them. And see the QR code of the shortened URL.

Step 4: Links Page
6

Edit URL Dialog

User can edit the first shortened URL to new ones as they want.

Step 5: Edit URL Dialog
7

QR Code Dialog

User can see the QR code of the shortened URL. They can download it or share it.

Step 6: QR Code Dialog
8

Profile Dialog

User can see there profile and manage it. They can change or add there email and profile image.

Step 7: Profile Dialog
9

Profile Security Dialog

User can change there password and delete there account. And also see in wich device they have signed in and track there IP Address and device information.

Step 8: Profile Security Dialog

Page Navigation

© HOSHANG E. HAMA | 2024