https://github.com/hamidbyte/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.
https://github.com/hamidbyte/instant-tiny-url-frontend

axios bitly frontend nodejs short-url short-urls shorten-url shorten-urls shortener shortener-url tiny-url typescript url-shortener vite volar vue vue-router vue3 vuejs vuejs3

Last synced: 5 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/hamidbyte/instant-tiny-url-frontend
• Owner: HamidByte
• Created: 2024-01-01T14:22:13.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-01-31T14:34:42.000Z (10 months ago)
• Last Synced: 2024-02-01T13:58:24.809Z (10 months ago)
• Topics: axios, bitly, frontend, nodejs, short-url, short-urls, shorten-url, shorten-urls, shortener, shortener-url, tiny-url, typescript, url-shortener, vite, volar, vue, vue-router, vue3, vuejs, vuejs3
• Language: Vue
• Homepage:
• Size: 53.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/HamidByte/Instant-Tiny-URL-Backend).

## Prerequisites

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

- [Node.js](https://nodejs.org/) (version 14 or higher)

- [npm](https://www.npmjs.com/) (comes with Node.js)

- [Git](https://git-scm.com/) (optional but recommended)

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Getting Started

1. **Clone the Repository:**

   ```sh

   git clone https://github.com/HamidByte/Instant-Tiny-URL-Frontend.git

   ```

2. **Navigate to the Project Directory:**

   ```sh

   cd Instant-Tiny-URL-Frontend

   ```

3. **Configure Environment Variables:**

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

   ```env

    VITE_BASE_URL=http://127.0.0.1:5173

    VITE_API_URL=http://localhost:3000

   ```

## Project Setup

1. **Install Dependencies:**

   ```sh

   npm install

   ```

2. **Run the Application:**

- Compile and Hot-Reload for Development:

  ```sh

  npm run dev

  ```

- Compile and Minify for Production:

  ```sh

  npm run build

  ```

- Lint with [ESLint](https://eslint.org/):

  ```sh

  npm run lint

  ```

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).