lite-link Tailwind Templates

Lite Link

LiteLink is a URL shortener application built using Next.js, Tailwind CSS, and Firebase. This project uses Headless UI for UI components.

LiteLink - URL Shortener

LiteLink is a URL shortener application built using Next.js, Tailwind CSS, and Firebase. This project uses Headless UI for UI components.

Demo

You can see a live demo of the application here.

Features

  • Generate short URLs
  • Redirect to original URLs
  • Easy to use and responsive UI

Technologies Used

Getting Started

Follow these instructions to set up the project on your local machine.

Prerequisites

  • Node.js (>= 14.x)
  • npm or yarn
  • Firebase project setup

Installation

  1. Clone the repository

    git clone https://github.com/dharam-gfx/lite-link.git
    cd litelink
    
  2. Install dependencies

    npm install
    # or
    yarn install
    
  3. Set up Firebase

    Create a new Firebase project and set up Firestore, Authentication, and Storage. Copy the Firebase configuration and add them to your environment variables.

Running the Application

  1. Create a .env file in the root of your project and add your Firebase configuration:

    NEXT_PUBLIC_API_KEY=your-api-key
    NEXT_PUBLIC_AUTH_DOMAIN=your-auth-domain
    NEXT_PUBLIC_DATABASE_URL=your-database-url
    NEXT_PUBLIC_PROJECT_ID=your-project-id
    NEXT_PUBLIC_STORAGE_BUCKET=your-storage-bucket
    NEXT_PUBLIC_MESSAGING_SENDER_ID=your-messaging-sender-id
    NEXT_PUBLIC_APP_ID=your-app-id
    
  2. Start the development server

    npm run dev
    # or
    yarn dev
    
  3. Open your browser and navigate to http://localhost:3000 to see the application running.

These variables are necessary for connecting to your Firebase project.

License

This project is licensed under the MIT License. See the LICENSE file for more information.


Top categories

Loading Svelte Themes