DevVault es una aplicación para gestionar tecnologías y sus respectivos flipCards, facilitando el aprendizaje y el seguimiento de información técnica de forma organizada.
- HTML
- CSS
- JavaScript
- React
- Axios
- React Router
- JSON Server
- Bootstrap
Estas son algunas de las funcionalidades que planeo añadir o mejorar en el futuro:
- Crear, editar, borrar y actualizar nuevas tecnologías.
- Añadir flipCards en las nuevas tecnologías creadas.
- Implementar una confirmación antes de borrar cualquier elemento (tecnologías o flipCards).
- Mejorar los estilos visuales y optimizar el rendimiento de la aplicación para hacerla más ligera.
- Como usuario, quiero poder ver todas las tecnologías disponibles en la aplicación.
- Como usuario, quiero poder buscar información detallada sobre una tecnología específica y sus flipCards asociados.
- Como usuario, quiero gestionar flipCards (crear, editar, borrar).
- Como usuario, quiero que se me solicite confirmación antes de borrar cualquier elemento.
- Como usuario, quiero que la aplicación sea ligera y visualmente atractiva.
| Método | Endpoint | Respuesta (200) | Acción |
|---|---|---|---|
| GET | /technologies |
[technologies] |
Obtiene la lista de todas las tecnologías disponibles. |
| GET | /flipCards |
[flipCards] |
Obtiene todos los flipCards. |
| GET | /flipCards/:flipCardId |
{ flipCard } |
Obtiene un flipCard específico. |
| POST | /flipCards |
{ nuevo flipCard } |
Crea un nuevo flipCard. |
| PUT | /flipCards/:flipCardId |
{ actualiza flipCard } |
Actualiza un flipCard específico, mediante su ID. |
| PATCH | /flipCards/:flipCardId |
{ actualiza propiedad } |
Actualiza una propiedad específica de un flipCard existente, mediante ID. |
| DELETE | /flipCards/:flipCardId |
{} |
Elimina un flipCard específico, mediante ID. |
| GET | /technologies/:technologyId?_embed=flipCards |
{ tecnología, [flipCards] } |
Obtiene una tecnología específica y todos sus flipCards correspondientes. |
| GET | /flipCards/:flipCardId?_expand=technology |
{ flipCard, tecnología } |
Obtiene un flipCard específico y la tecnología correspondiente. |
| GET | /technologies/category/:category |
[technologies] |
Busca tecnologías filtradas por categoría. |
| Route | Descripción |
|---|---|
/ |
Página principal que muestra todas las tecnologías disponibles. |
/technologies/:id |
Página con detalles de una tecnología específica. |
/flipCards/:id |
Página con detalles de un flipCard específico. |
/new |
Página para añadir una nueva tecnología o flipCard. |
/edit/:id |
Página para editar una tecnología o flipCard existente. |
- Navbar: Barra de navegación para moverse entre las distintas páginas.
- Footer: Pie de página con enlaces relevantes.
- Card Component: Componente reutilizable para mostrar tecnologías y flipCards en tarjetas visualmente atractivas.