URL Shortener App

This is URL Shortener application created using MERN. We can create a short URL for a long URL and can use short url to reach to the original long URL.

This repository contains code of frontned part you can find the github repo of backend here : Sahil-4/url-shortener-backend You can find the frontned live here : https://a-short.netlify.app/ and backend here : https://a-short.onrender.com/

Screenshots

Features

• react and react-dom : used to create UI, Components and render them in DOM.
• react-redux and @reduxjs/toolkit : to manage application state.
• axios : for handling network calls.
• react-icons : for icons.
• react-router-dom : to create in app routing.
• dotenv : to use keys securely.
• pwa support : can be installed on devices like a native app.
• See backend github repository to know about backend part.

Installation and Setup

clone the repository

git clone git@github.com:Sahil-4/url-shortener.git

Install required packages

npm install

Add env variables

Create dot env file (.env) in the root directory and add all variables given in .env.example file with proper values in .env file

Start the app in development

npm run dev

make sure to setup and start the server also