Este proyecto fue desarrollado en colaboración con una startup y con el apoyo de la IA V0, utilizada para acelerar el diseño de interfaces y mejorar la estructura del código. Se trata de la landing page oficial del aplicativo Mi Emisoras, compuesta por tres vistas principales totalmente responsivas e interactivas.
- Next.js: Framework de React para renderizado SSR y rutas simplificadas.
- React: Librería principal para la construcción de interfaces.
- TailwindCSS: Framework utilitario para diseño responsivo.
- TypeScript: Tipado estático y robustez en el desarrollo.
- PostCSS & pnpm: Herramientas de procesamiento y manejo de paquetes.
mi-emisoras/
├── app/ # Estructura de páginas (Next.js app directory)
├── components/ # Componentes reutilizables de interfaz
├── hooks/ # Hooks personalizados
├── lib/ # Funciones y helpers globales
├── public/ # Archivos estáticos (imágenes, íconos)
├── styles/ # Archivos CSS/Tailwind personalizados
├── tailwind.config.ts # Configuración de TailwindCSS
├── tsconfig.json # Configuración de TypeScript
├── next.config.mjs # Configuración de Next.js
└── package.json # Dependencias y scripts
- Se construyeron 3 vistas principales de una landing page moderna.
- Se empleó React de forma integral para lograr una experiencia interactiva fluida.
- El diseño es 100% responsive, adaptándose a dispositivos móviles, tablets y pantallas de escritorio.
- Se implementaron buenas prácticas en la separación de componentes (
components/) y estilos (styles/).
Juan Sebastian Valencia Londoño – Desarrollo de interfaz para landing page de "Mi Emisoras".