Skip to content
Submitted over 3 years ago

Fullstack URL shortener app with Vue 3, Supabase, Vite and TypeScript

typescript, vite, vue
LVL 4
Vahe Abovyan•1,110
@VaheAA
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello! Just completed this challenge with some additions from myself. So here are the quick overview of the "advanced" result.

  1. Responsive landing page
  2. Integration with API and URL shortening on the home page
  3. Opportunity to create personal account with email and password, requires email verification.
  4. Every registered user has an personal page for managing links:
  5. Shorten Links with API and save every link into the Supabase DB
  6. View all created links on personal page
  7. Ability to copy and delete any link from table and Supabase DB.

For this i used the following stack: Vue 3, TypeScript, Vite, Supabase DB and SCSS.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Vahe Abovyan’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord