URL Shortener

This is a fullstack url shortening project build with reactjs and nodejs

Description

URL Shortener is a web application that allows users to create short and easy-to-share URLs from long and complex ones. It is built with React.js for the frontend and Node.js for the backend. It also uses MongoDB as a database service to store the URL mappings. This ui is a solution for a Frontend Mentor challenge. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

Features

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • Shorten any valid URL
  • See a list of their shortened links, even after refreshing the browser
  • Copy the shortened link to their clipboard in a single click
  • Receive an error message when the input is invalid

Screenshot

url-shortener

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • tailwindcss - CSS framework
  • React - JS library
  • Express - Nodejs framework
  • MongoDB - NoSQL databases

Contributing

If you want to contribute to this project, you can report issues, suggest new features, or submit pull requests on GitHub. Please follow the code of conduct and the contribution guidelines before making any changes.