/scissors

URL Shortener is a web application that allows users to shorten long URLs and generate QR codes for the shortened URLs. It is built using React, Chakra UI, Next.js, and the shrtcode API.

Primary LanguageTypeScript

SCISSORS

SCISSORS is a web application that allows users to shorten long URLs and generate QR codes for the shortened URLs. It is built using React, Chakra UI, Next.js, and the shrtcode API.

Features

  • Shorten long URLs to compact, easy-to-share links.
  • Generate QR codes for the shortened URLs.
  • Copy the shortened URL to the clipboard with a single click.
  • Export the generated QR code as an image for download.
  • User registration and authentication using Firebase Authentication.
  • Responsive design for seamless usage on different devices.
  • Error handling and form validation.

Live Demo

https://scissors-qs1c.vercel.app/

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:

git clone https://github.com/brightiortsor/scissors.git

cd scissors

  1. Install dependencies:

npm install

or

yarn install

  1. Start the development server:

npm run dev

or

yarn dev

  1. Open the application in your browser:

The development server should be running at http://localhost:3000.

Tech Stack

  • React.js - JavaScript library for building user interfaces.
  • Chakra UI - A simple and modular component library for React.
  • Next.js - A framework for server-rendered React applications.
  • qrcode.react - A React component to generate QR codes.
  • html-to-image - A library to convert HTML to an image.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvement, please create an issue or submit a pull request.

License

License

This project is licensed under the MIT License.