Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/dhartisangani/shrtnr-frontend

Shrtnr.tech provides users with the ability to generate shortened URLs for their online content & analytics feature that allows users to track the number of clicks received on each shortened link.
https://github.com/dhartisangani/shrtnr-frontend

axios figma mui nextjs redux ssr url-shortener

Last synced: about 2 months ago
JSON representation

Shrtnr.tech provides users with the ability to generate shortened URLs for their online content & analytics feature that allows users to track the number of clicks received on each shortened link.

Awesome Lists containing this project

README

        


Shrtnr Frontend

![image](https://github.com/shrtnr-tech/frontend/assets/75676675/b649be45-a02d-41dc-8752-120c0c3947b5)


Shrtnr.tech 🔗    Figma 🔗


## Overview of Shrtnr
* Shrtnr.tech provides users with the ability to generate shortened URLs for their online content & analytics feature that allows users to track the number of clicks received on each shortened link.
## Technologies:
* Next version: 13.0.1
* axios version: 0.21.1
* react-cookie version: 4.1.1
* react-toastify version: 8.1.0
* redux version: 4.0.5
* @mui/material version: 5.2.7
* Figma
## Screens shots:
#### Landing Page
![Screenshot 2023-06-12 at 10 55 36 PM](https://github.com/shrtnr-tech/frontend/assets/75676675/618f9ad1-92d4-49e6-96ba-41ebb6e7b448)

#### Logged In
![Screenshot 2023-06-12 at 10 56 06 PM](https://github.com/shrtnr-tech/frontend/assets/75676675/27de0b2d-dc30-42bf-9e08-f922f3f0265b)

#### Abracadabra!
![Screenshot 2023-06-12 at 10 57 00 PM](https://github.com/shrtnr-tech/frontend/assets/75676675/e2c08a23-1fcf-4bf1-8b1a-5a988efcaafb)

#### Profile Page
![Screenshot 2023-06-12 at 11 00 20 PM](https://github.com/shrtnr-tech/frontend/assets/75676675/19f3361f-d690-4698-a53e-a342a16dc27b)

#### URL Analytics
![Screenshot 2023-06-12 at 11 01 13 PM](https://github.com/shrtnr-tech/frontend/assets/75676675/378859a3-85c4-4f88-8c1a-816917a8be24)

## Run this on your local
### Paste this line in your CLI
```sh
git clone https://github.com/shrtnr-tech/frontend.git
cd frontend
yarn install
yarn run dev
```
Runs the app in the development mode.
### To Connect with backend go to https://github.com/shrtnr-tech/backend

## PHI (Φ)
### Team members:
* [Dharti Sangani](https://github.com/dhartisangani)
* [Raj Varsani](https://github.com/RajVarsani)