Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/smoke221/zipzapurl-a-url-shortner

ZipZapURL is a URL shortener application built using Node.js and Express. It allows users to convert long URLs into short and easily shareable links.
https://github.com/smoke221/zipzapurl-a-url-shortner

css express html js mongodb nodejs shortener shorturl zipzapurl

Last synced: 10 days ago
JSON representation

ZipZapURL is a URL shortener application built using Node.js and Express. It allows users to convert long URLs into short and easily shareable links.

Awesome Lists containing this project

README

        

# ZipZapURL - URL Shortener

ZipZapURL is a URL shortener application built using Node.js and Express. It allows users to convert long URLs into short and easily shareable links.

## Features

- Shorten long URLs into short and user-friendly links.
- Keeps track of the number of clicks on each short link.
- Provides a user-friendly web interface for generating and managing short links.
- Displays a list of existing short links along with their original URLs.

## Demo

Try out the live [ZipZapURL](https://zipzapurl.netlify.app/) deployed on Netlify.

## Installation

1. Clone the repository: ```https://github.com/Smoke221/ZipZapURL-a-URL-shortner.git ```
2. Navigate to the project directory: ```cd ZipZapURL-a-URL-shortner```
3. Install the dependencies: ```npm install```
4. Start the server: ```npm run start```
5. Open your browser and navigate to [http://localhost:8000](http://localhost:8000) to access the ZipZapURL application.

## Usage

1. Enter the long URL you want to shorten in the input field.
2. Click the "ZipZap My URL" button to generate a short link.
3. The generated short link will be displayed along with a copy button.
4. You can click the copy button to copy the short link to your clipboard.
5. All existing short links are displayed in a list with their original URLs.

## Technologies Used

- Node.js
- Express
- MongoDB (for storing short link data)
- HTML, CSS (for the user interface)
- Font Awesome (for icons)