Custom Short URL Frontend

This repository contains the frontend code for a website that allows users to create custom short URLs for long links. The frontend is built using React with TypeScript, incorporating Shadcn UI, Tailwind CSS, AeternityUI, Zustand for state management, and integrates Clerk for authentication.

Features

• Custom Short URLs: Users can create custom short URLs for their long links, making them easier to share.
• Authentication: Integration with Clerk provides secure user authentication.
• User Interface: Designed using Shadcn UI, Tailwind CSS, and AeternityUI for a modern and responsive user interface.
• State Management: Zustand is used for state management, providing a simple and efficient way to manage application state.

Tech Stack

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Shadcn UI: A UI framework for React applications.
• Tailwind CSS: A utility-first CSS framework for creating custom designs.
• AeternityUI: A UI library for building applications on the Aeternity blockchain.
• Zustand: A small, fast, and scalable state management library for React.
• Clerk: Authentication and user management solution.

Getting Started

Follow these instructions to get the project up and running on your local machine.

Prerequisites

• Node.js and npm installed on your machine

Installation

1. Clone the repository:

   git clone https://github.com/your-username/custom-short-url-frontend.git
   

2. Navigate to the project directory:

   cd custom-short-url-frontend

3. Install dependencies:

   npm install

4. Set up environment variables Create a .env file in the root directory. Define the required environment variables such as Clerk credentials.

5. Run the development server:

   npm run dev

6. Access the website in your browser at http://localhost:5173.

Contributing

Contributions are welcome! Feel free to submit pull requests or open issues for any bugs or feature requests.