GithubHelp home page GithubHelp logo

adiazt01 / short_url_app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 840 KB

A web app with allow short urls

Home Page: https://short-url-app-kappa.vercel.app

TypeScript 98.47% JavaScript 0.16% CSS 1.37%
nextjs react shorturl tailwindcss typescript collaborate first-contribution learn

short_url_app's Introduction

ShortBuddy - Acorta tus URLs fácilmente

ShortBuddy es una aplicación web que permite a los usuarios acortar sus URLs largas de una manera rápida y sencilla.

Portada de ShortBuddy NEXT JS TAILWIND CSS PRISMA SUPABASE SHADCN/UI REACT HOOK FORM LUCIDE ICONS express Vercel

🚀 Características Principales

  • Acortar URLs largas: Transforma tus enlaces extensos en versiones cortas y manejables.
  • Autenticación de usuarios: Registra y accede a tu cuenta para un manejo seguro de tus URLs.
  • Estadísticas: Obtén datos detallados sobre el uso de tus URLs acortadas.
  • Grupos de URLs: Organiza tus enlaces en grupos para una mejor gestión.
  • Dashboard personalizado: Un panel de control para gestionar tus URLs de manera eficiente.

🛠️ Tecnologías Utilizadas

  • Next.js: El framework de React para producción.
  • Tailwind CSS: Un framework CSS para un diseño rápido y responsivo.
  • Prisma: ORM de próxima generación para Node.js y TypeScript.
  • Supabase: Backend como servicio para acelerar el desarrollo.
  • Shadcn/ui: Componentes de UI reutilizables para React.
  • React Hook Form: Biblioteca para formularios en React.
  • Lucide Icons: Iconos cuidadosamente diseñados para tus proyectos.

📦 Instalación

  1. Clona el repositorio:
git clone
  1. Instala las dependencias:
npm install
  1. Crea un archivo .env.local en la raíz del proyecto y añade las siguientes variables de entorno:
DATABASE_URL=""
DIRECT_URL=""
AUTH_SECRET=""

Las variables DATABASE_URL, DIRECT_URL y AUTH_SECRET son necesarias para la conexión a la base de datos y la autenticación de usuarios. Las cadenas de conexion se pueden obtener creando un proyecto en Supabase.

  1. Inicia el servidor de desarrollo:
npm run dev
  1. Abre http://localhost:3000 en tu navegador.

short_url_app's People

Contributors

adiazt01 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.