https://github.com/pumpum7/url-shortener

URL Shortener made with Next.js, React, Typescript, TailwindCSS and FaunaDB.
https://github.com/pumpum7/url-shortener

auth0 faunadb nextjs react serverless tailwindcss typescript url-shortener

Last synced: 12 months ago
JSON representation

URL Shortener made with Next.js, React, Typescript, TailwindCSS and FaunaDB.

• Host: GitHub
• URL: https://github.com/pumpum7/url-shortener
• Owner: PumPum7
• Created: 2021-05-15T21:23:38.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2025-03-09T21:11:40.000Z (over 1 year ago)
• Last Synced: 2025-05-15T06:39:32.412Z (about 1 year ago)
• Topics: auth0, faunadb, nextjs, react, serverless, tailwindcss, typescript, url-shortener
• Language: TypeScript
• Homepage: https://l.pum.works
• Size: 1.91 MB
• Stars: 4
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Link Shortener

A link shortener written in Typescript using NextJS, React and TailwindCSS

## Features

- Shorten URLs with multiple options

- Edit, delete or get a QR code for them

- View your recently shortened links in a table

## Setup

1. Download the source code

2. Set up a [Fauna Database](https://fauna.com/)

3. Set up the .env file

4. It's suggested to host this service on [Vercel](https://vercel.com/) to automatically support the serverless functions

## Images

- ##### The landing page:

    ![landing page](./img/Landingpage.png)

- ##### Logged in view

    ![logged in view](./img/loggedIn.png)

- ##### Editing Modal

    ![editing modal](./img/editingModal.png)