-
¡Desafío completado! Mi aplicación web creada con ChatGPT
Les presento mi aplicación web que hice utilizando solo ChatGPT sin tocar ni una sola línea de código.
Función: Organización de Proyectos
Problema que resuelve: Control de Proyectos
Pruébala aquí: Zebra Project Manager
Tecnologías utilizadas:
- HTML5: Para la estructura básica de la página web.
- CSS (Tailwind CSS): Para el estilizado y diseño responsivo de la interfaz de usuario.
- JavaScript (ES6+): Para la lógica del lado del cliente y la interactividad.
- React: Un framework de JavaScript para construir interfaces de usuario, que maneja los componentes y el estado de la aplicación.
- Babel (standalone): Utilizado en el navegador para transcompilar el código JSX de React a JavaScript estándar, permitiendo ejecutar React sin un paso de compilación externo.
- Firebase SDKs (App, Auth, Firestore): Para los servicios de backend:
- Firebase App: Inicialización de la aplicación Firebase.
- Firebase Auth: Para la autenticación de usuarios (en este caso, autenticación anónima y con token personalizado).
- Firebase Firestore: Una base de datos NoSQL en la nube para almacenar y sincronizar datos de proyectos y tareas en tiempo real.
- SVG: Para renderizar el diagrama de Gantt de forma vectorial directamente en el navegador.HTML5: Para la estructura básica de la página web.
- CSS (Tailwind CSS): Para el estilizado y diseño responsivo de la interfaz de usuario.
- JavaScript (ES6+): Para la lógica del lado del cliente y la interactividad.
- React: Un framework de JavaScript para construir interfaces de usuario, que maneja los componentes y el estado de la aplicación.
- Babel (standalone): Utilizado en el navegador para transcompilar el código JSX de React a JavaScript estándar, permitiendo ejecutar React sin un paso de compilación externo.
- Firebase SDKs (App, Auth, Firestore): Para los servicios de backend:
- Firebase App: Inicialización de la aplicación Firebase.
- Firebase Auth: Para la autenticación de usuarios (en este caso, autenticación anónima y con token personalizado).
- Firebase Firestore: Una base de datos NoSQL en la nube para almacenar y sincronizar datos de proyectos y tareas en tiempo real.
- SVG: Para renderizar el diagrama de Gantt de forma vectorial directamente en el navegador.
¿Cómo fue mi experiencia? Fue muy interesante utilizar IA para desarrollar aplicaciones WEB sin tener conocimiento del tema
¡Espero sus comentarios y feedback!