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
Integrando Gráficos Financieros Interactivos en React 19
He estado trabajando en esta SPA (Single Page Application) con React y Vite, y quería compartir esta funcionalidad específica.
El problema que quería resolver: ¿Cómo integrar gráficos financieros detallados que carguen rápido y permitan al usuario buscar y visualizar datos de diferentes activos sin interrupciones ni recargas de página?
En este video muestro cómo lo solucioné:
Búsqueda Rápida: Implementé un buscador con React que filtra la lista de activos en tiempo real en el cliente.
Gráfico Dinámico: Una vez que el usuario selecciona una moneda, actualizo la interfaz para mostrar su gráfico de precios usando TradingView Lightweight Charts, manteniendo la fluidez incluso en dispositivos con menos recursos.
Todo está construido con React 19 y Vite para asegurar un renderizado rápido y una experiencia de usuario suave.
¡Espero que les guste la demo! Me encantaría leer sus opiniones o feedback en los comentarios. 👇
#reactjs #vite #lightweightcharts #desarrolloweb #fullstack #dev #portafolio
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.
Over the past six months we've completed more technical audits than ever before. More founders are choosing to review their products before investing in new features or scaling and that shift makes sense.
Technical debt rarely appears overnight. It builds quietly until releases slow down, bugs pile up or security issues become impossible to ignore. A technical audit helps founders understand where the real risks are and what should be fixed first.
One recent audit for a SaaS platform serving independent wellness practitioners made this clear. The product already had beta users, but we identified 23 critical issues across the booking flow, payments, data consistency and access controls. The biggest issue was the booking experience itself, resulting in a 0% conversion rate despite everything looking fine on the surface.
Instead of delivering another report, we created a prioritized roadmap that showed what to fix first, what could wait and where the biggest impact would come from.
That's the value of a technical audit. It replaces assumptions with evidence before technical debt becomes a business problem.
Earth Observation (EO) Image Acquisition Planner App for satellite/payload operators while working in a newspace startup.
I designed and developed a multi-satellite imagery acquisition planner app, securing €10.5M in funding from the France 2030 “Umbrella” project and
driving a 48% ARR increase to the company.
The image acquisition planner app is an "extended" version of the mission planning system app (MPS), tailored for Earth Observation (EO) satellite/payload operators, who needs to satisfy as many imaging requests as possible as their main goal.
The IMAQ app leverages Leanspace services for operators by having adjustable plans that are easy to work with and allows them to optimize the payload usage. Without such application, the operators have to deal with manual plans that require a lot of effort and verifications to manage imaging activities with other actions such as station keeping, flight software updates, and multi-band downlinks to name a few.
The ground/base MPS app that I also designed and developed prior to this, addressed critical customer challenges, resulting in a €5M, 5-year contract, strategically positioning the company for U.S. market expansion.
