URL Shortener - RAB Developments

Overview

IMPORTANT

There is a major issue with Strapi. The Population fails for Users in Users-Permissions plugin. For this reason (and due to the imminent release of Nuxt v3) the project will be on standby until I find an optimal way to fix this unforeseen event.

UPDATE

The development of the project will continue in the next few days using Directus as API.

RAB GO

URL Shotener

Made with Nuxt v2, Tailwind and Directus


Preview

APP Preview Dashboard Preview

Goals

  • Create a Shortened URL via the Home page form and store in the API.
  • Make the URL forwarding system .
  • Collect statistics from link visitors and save them in the API.
  • Make a funcional login system.
  • Create a Dashboard layout.
  • Create in the Dashboard a section to manage the Shortened URLs.
  • Create in the Dashboard a section to manage the application settings.
  • Create in the Dashboard a section to show URL's statistics.

Project details

  • The application supports i18n and dark/light mode.
  • All the interface goes under '/app'.
  • Everybody can short a link, the link stats are only visible to the link creator, if any, and staff.
  • The links are associated with the RAB Developments (directus_user) account that creates them, if any.

Requirements to fork/work on this project

  • Front end:
    • Knowledge in:
      • Nuxt v2 basics
      • Tailwind CSS
      • HTML (obviously)
      • JSON and JS (for translations and other stuff)
  • Back end:
    • Basic knowledge of Directus and having an operative API to connect to. It is not mandatory to use Directus, you can also use your own custom API as long as you modify the project code, so that it does the queries well.
    • Knowledge in:
      • JSON
      • REST API Calls (Axios)
      • JavaScript (very important) and know how to handle with TypeScript.
You might also like...
An URL shortener build with Vue.js
An URL shortener build with Vue.js

An URL shortener with the Bit.ly API. It also haves a /links page, where the previously shortened URLs are shown (stored in the localStorage).

Batch replace bookmark URL: A gadget that can use Regular Expressions to batch replace and modify bookmark URL

Bookmark URL Batch Replacer Batch replace bookmark URL. Bookmark URL Batch Repla

A Vue Url component is provide to add url (like instagramUrl,facebookUrl,webUrl, ..) with validation
A Vue Url component is provide to add url (like instagramUrl,facebookUrl,webUrl, ..) with validation

A Vue Url component is provide to add url (like instagramUrl,facebookUrl,webUrl, ..) with validation. The Url value is automatically validated on blur event. You can also disable url field using disable props.

Provides a wrapper for router-view that allows you to show error pages without changing the URL.

vue-error-page Provides a wrapper for router-view that allows you to show error pages without changing the URL. Why? Because: Trigger router-view chan

Sync and store vue state with browser URL params

vue-sync NOTE: Check out nuxt-url-sync to use it with SSR Sync Vue Component state with browser URL params Makes for easy bookmarking and sharing of v

A simple tool for cropping images from an URL, your clipboard, or your disk.
A simple tool for cropping images from an URL, your clipboard, or your disk.

It was made as an alternative to Avatar Cropper to better suit my UI tastes and adapt the tool to my needs.

Loads a .vue file from the given URL and compiles it to a component directly in the browser.

VueInBrowserLoader Inspired by Franck Freiburger's http-vue-loader. VueInBrowserLoader(url) Loads a .vue file from the given URL and compiles it to a

Utils normalize url, data, params for axios when using rest api request

rexios Utils normalize url, data, params for axios when using rest api request Why? Returns normalized parameters and url according to the rest-api co

Easy @mention, #hashtag and URL highlight for Vue 2.x

vue-highlights Easy @mention, #hashtag and URL highlight for Vue 2.x Installation You can install via npm or yarn: npm install --save vue-highlights y

Encode svg in url, use in html Img, Css and more...

Encode svg in url, use in html Img, Css and more...

Simple Plugin for URL Bar Resizing on mobile devices.
Simple Plugin for URL Bar Resizing on mobile devices.

This Plugin solves the URL Bar Resizing issue with viewport units on mobile devices. Read here. Navigation Navigation Installation Registration Vue.js

Plugin helps to add resize params like width, height etc. to image url

Plugin helps to add resize params like width, height etc. to image url. Compatible with Vue 3.x. NOTE: Plugin doesn't resize image. Plugin only helps to format url to resize server with comfortable way.

Owner
Rafael Alastuey
Rafael Alastuey
URL shortener / redirection service powered by Supabase, Cloudflare Workers and Cloudflare Pages.

Launch your own personal URL shortener / redirection service using free tiers of Supabase, Cloudflare Workers and Cloudflare Pages. Features Redirecti

Supaflare 90 Nov 22, 2022
URL shortener using GitHub Pages and Firebase

Shortify URL shortener using GitHub Pages and Firebase Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and m

Gustav Odinger 11 May 19, 2022
An URL shortener build with Vue.js

An URL shortener with the Bit.ly API. It also haves a /links page, where the previously shortened URLs are shown (stored in the localStorage).

Luiz Henrique 4 Aug 24, 2022
Batch replace bookmark URL: A gadget that can use Regular Expressions to batch replace and modify bookmark URL

Bookmark URL Batch Replacer Batch replace bookmark URL. Bookmark URL Batch Repla

Light 3 Aug 8, 2022
A Vue Url component is provide to add url (like instagramUrl,facebookUrl,webUrl, ..) with validation

A Vue Url component is provide to add url (like instagramUrl,facebookUrl,webUrl, ..) with validation. The Url value is automatically validated on blur event. You can also disable url field using disable props.

WeblineIndia 1 Aug 4, 2020
Frontend for DSCVIT's internal pastebin and URL shortener

Frontend for DSCVIT's internal pastebin and URL shortener

GDSC VIT Vellore 10 Jan 8, 2022
URL shortener / redirection service powered by Supabase, Cloudflare Workers and Cloudflare Pages.

Launch your own personal URL shortener / redirection service using free tiers of Supabase, Cloudflare Workers and Cloudflare Pages. Features Redirecti

Supaflare 90 Nov 22, 2022
URL shortener / redirection service powered by Supabase, Cloudflare Workers and Cloudflare Pages.

Launch your own personal URL shortener / redirection service using free tiers of Supabase, Cloudflare Workers and Cloudflare Pages. Features Redirecti

Supaflare 90 Nov 22, 2022
URL shortener using GitHub Pages and Firebase

Shortify URL shortener using GitHub Pages and Firebase Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and m

Gustav Odinger 11 May 19, 2022
Frontend for DSCVIT's internal pastebin and URL shortener

Triton Web Frontend for DSCVIT's internal pastebin and url shortener. Functionalities Paste data, save and share! Paste a URL To shorten Copy entire p

GDSC VIT Vellore 10 Jan 8, 2022