/Instant-Tiny-URL-Frontend

This is a simple URL shortener project that allows you to create and manage shortened URLs. This project provides a straightforward solution for converting lengthy URLs into concise, easy-to-share links. Enjoy user-friendly features, quick shortening, and a customizable experience.

Primary LanguageVue

Instant Tiny URL Frontend

This is a simple URL shortener project that allows you to create and manage shortened URLs. This project provides a straightforward solution for converting lengthy URLs into concise, easy-to-share links. Enjoy user-friendly features, quick shortening, and a customizable experience. Boost efficiency and simplify your online interactions with our sleek and secure URL Shortener.

Backend Repository

For the corresponding backend, visit the Instant Tiny URL Backend.

Prerequisites

Make sure you have the following software installed on your machine:

  • Node.js (version 14 or higher)
  • npm (comes with Node.js)
  • Git (optional but recommended)

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Getting Started

  1. Clone the Repository:

    git clone https://github.com/HamidByte/Instant-Tiny-URL-Frontend.git
  2. Navigate to the Project Directory:

    cd Instant-Tiny-URL-Frontend
  3. Configure Environment Variables:

    Create a .env file in the root of the project and set the following variables:

     VITE_BASE_URL=http://127.0.0.1:5173
     VITE_API_URL=http://localhost:3000

Project Setup

  1. Install Dependencies:

    npm install
  2. Run the Application:

  • Compile and Hot-Reload for Development:

    npm run dev
  • Compile and Minify for Production:

    npm run build
  • Lint with ESLint:

    npm run lint

Customize configuration

See Vite Configuration Reference.