SwiftLink

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

Description

SwiftLink is a service 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 ExpressJS/NodeJS for the backend. It also uses MongoDB as a database service to store the URL mappings and visitors analytics.

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 the analytics of the shortened url.
• Can preview the redirect url by just adding + symbol after the shortId (i.e. domain.com/xjD7kdLp+).
• Copy the shortened link to their clipboard in a single click
• Receive an error message when the input is invalid
• Can make custom short url.
• Can set passwords for short URLs
• Ability to shorten multiple URLs simultaneously.
• Integration with social media platforms for easy sharing.
• QR codes for short URLs

Demo

• GIF

  

• Live URL - Coming Soon
• Source Code

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• StyledComponents - CSS-In-JS library
• React - JS library
• Express - NodeJS framework
• MongoDB - NoSQL databases

Credit

• UI Credit

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.