👉 Tutorial - Video de Youtube
Este proyecto es una aplicación web diseñada para ayudar a los usuarios a generar ideas de proyectos personalizadas según una variedad de parámetros como el tipo de proyecto, nivel de dificultad, tecnologías deseadas y temas de interés. Utiliza tecnologías modernas y un modelo de IA para ofrecer resultados únicos y relevantes.
Los usuarios pueden personalizar los siguientes parámetros para generar ideas:
- Tipo de proyecto: Opciones como Web, Móvil, IoT, IA, Backend, Fullstack.
- Nivel de dificultad: Básico, Intermedio o Avanzado.
- Tiempo disponible: Desde menos de una semana hasta más de un mes.
- Tecnologías específicas: Campo de texto con autocompletado para ingresar herramientas como React, Firebase, Python, etc.
- Tema del proyecto: Selección de categorías como Educación, Entretenimiento, E-commerce, entre otros, o la posibilidad de agregar un tema personalizado.
- Lógica de Generación: Un algoritmo combina los parámetros seleccionados para crear una descripción coherente y breve del proyecto.
- Plantillas Dinámicas: Se rellenan automáticamente con los datos proporcionados para garantizar resultados precisos.
- Formulario de Entrada: Campos organizados en secciones claras, validación mediante librerías como Formik o React Hook Form.
- Resultados Generados: Ideas mostradas en un panel con opciones para guardar, exportar o regenerar.
- Historial de Ideas: Almacena las ideas generadas para consultarlas posteriormente.
- Compartir Ideas: Opcion de compartir en redes sociales o exportar en formato PDF.
- Filtros Avanzados: Filtrar resultados por relevancia, dificultad o categoría.
- Exportación a Notion (Implementación futura).
- Generación de Diagramas de Flujo: Integración con Skalidraw para visualizar ideas de forma estructurada (Implementación futura).
- Next.js 15: Framework para SSR, server actions, y manejo eficiente del estado.
- TailwindCSS: Framework de estilos para una interfaz moderna y responsiva.
- shadcn/ui: Componentes estilizados para un diseño limpio y funcional.
- TypeScript: Tipado estático para mejorar la calidad del código.
- OpenAI API: Modelo de inteligencia artificial configurado para generar ideas en formato JSON Schema.
- Zod: Librería para validación y manejo robusto de datos en el servidor.
-
Clonar el Repositorio
git clone https://github.com/CarlosPProjects/project-ideas-generator.git cd project-ideas-generator
-
Instalar Dependencias
npm install --force
-
Configurar Variables de Entorno Crea un archivo
.env.local
con la siguiente variable:OPENAI_API_KEY
: Clave de la API de OpenAI.
-
Iniciar el Servidor
npm run dev
-
Accede a la aplicación en http://localhost:3000.
¡Las contribuciones son bienvenidas! Por favor, sigue los siguientes pasos:
- Haz un fork del repositorio.
- Crea una rama con tus cambios.
- Envía un pull request para revisión.