The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Implementando un flujo CRUD completo y gestión de Favoritos en React
Les comparto una demo de la funcionalidad que acabo de terminar para mi proyecto de gestión de biblioteca. Quería mostrar cómo integré el frontend con el backend para manejar todo el ciclo de vida de un libro.
En el video pueden ver el flujo completo:
Creación: Formulario controlado en React para dar de alta un nuevo libro en la base de datos (pasando por validaciones).
Visualización y Búsqueda: El libro aparece instantáneamente en la lista general.
Lógica de Favoritos: Muestro cómo agregar y quitar libros de la lista de favoritos de forma dinámica, manejando el estado de la UI en tiempo real.
Eliminación: Borrado lógico del libro tanto de la lista como de la base de datos.
Para este desarrollo utilicé React 19 para el frontend, optimizando el manejo de formularios y estados. El backend está construido sobre Node.js, donde implementé una API REST y usé MongoDB como base de datos, lo que me permitió una gestión flexible y rápida de los datos de los libros.
¡Espero sus comentarios y feedback sobre la implementación! 👇
#reactjs #nodejs #mongodb #crud #desarrolloweb #fullstack #dev #portafolio #api
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Spent the weekend cleaning out my camera roll. Somewhere in there I noticed something I'd swiped past a thousand times, that subtle parallax shift when you move between photos.
So I rebuilt it for the web.
- Spring physics, no animation library
- Rubber band effect at the edges
- Full keyboard navigation
- Screen reader support
Didn't want to just leave it as a demo. If you can't use a mouse, it still works. If you can't see it, it tells you what photo you're on.
Love that you didn't stop at making it look good. Accessibility is what makes it complete.
Another successful knowledge management migration completed.
This project involved migrating approximately 200 pages across 48 Quip files into Notion before Quip's sunset. Since there isn't a reliable way to automate the migration, I manually exported and rebuilt the content while preserving structure, formatting, and hierarchy.
To make the workspace more valuable than the original, I used Notion AI to organize information, extract action items, clean up documentation, and transform scattered notes into a searchable, future-ready knowledge base.
A smooth migration with zero compromise on content quality and a much better workspace for the team going forward.
Impressive migration; preserving 200 pages while improving structure and searchability is a huge win for the team.
68 MB → 20 MB.
That’s how far I was able to reduce the frontend bundle of a production application while working on its performance and architecture.
Frontend development isn’t only about making screens look right.
I care about what happens after the application grows.
Is the bundle getting unnecessarily large?
Are feature-specific dependencies leaking into the main bundle?
Are components reusable?
Is code actually being split effectively?
Will the frontend still be maintainable six months from now?
I’m now offering React & Next.js Frontend Development on Contra.
I can help with:
→ React and Next.js applications
→ TypeScript development
→ Figma to responsive UI
→ REST and GraphQL integrations
→ Dashboards and data-heavy interfaces
→ State management
→ Reusable component architecture
→ Performance and bundle optimization
→ Existing frontend debugging and improvements
I’ve spent the last 3 years building and shipping production web applications, including enterprise SaaS products and complex frontend workflows.
If you need someone to build a frontend from scratch or improve an existing React/Next.js application, feel free to reach out.
Prioritizing reusable component architecture and bundle health before scaling saves teams from painful tech debt down the line. Excellent, value driven service positioning!