Code as Responsibility
Today, writing code is no longer an artisanal creation. We are no longer the ones who type everything. We are the orchestrators. AI can generate complete features and review code. But the final responsibility is ours.
Francisco Beccaria
Frontend Developer
Some Projects
Presus
Presus - Finance Dashboard
Financial application that automates budget tracking eliminating manual work. Functional MVP in beta solving real problems for Argentinian users.
Problems It Solves and Created Solutions
💸 Problem: Tedious Manual Entry
Each purchase requires opening the financial app, remembering the exact amount, manually categorizing, and typing all the information. This process is so annoying that most people abandon tracking after one week.
✅ Solution: Intelligent Email Parsing
Presus connects with your Gmail and automatically detects purchase emails from Santander, Naranja X, and Mercado Libre. It extracts amount, date, merchant, and category, adding transactions without manual intervention.
📊 Problem: Scattered Information
Your expenses are spread across: bank's home banking, credit card app, Mercado Libre, transfers, and cash. There's no consolidated view of how much you actually spend per month.
✅ Solution: Unified Dashboard
All transactions are centralized in a single dashboard. You see your total monthly spending, by category, and by payment method in real-time, without needing to open multiple apps.
🎯 Problem: Budgets That Don't Work
You create mental budgets like "spend $50,000 on food this month" but there's no continuous feedback. You only realize you've exceeded when the credit card statement arrives.
✅ Solution: Real-Time Visual Tracking
Each budget category shows visual progress: how much you've spent, how much is left, and your spending pace. Automatic alerts when you approach the limit.
Key Achievements:
✅ Functional MVP deployed and in use by beta users
✅ Proprietary parsing system for Argentinian banks
✅ Problem-solution fit validated with daily personal use
✅ Accelerated development using Claude Code as copilot
Demonstrating ability to identify real problem → design technical solution → execute to production.
View Application (Beta)
🔒 Currently in beta phase for limited users
Vation
General Description
The Vation Innovation Platform connects thousands of companies working on fresh ideas and tech solutions. It makes research easier, speeds up connections across the tech world, and boosts collaboration within your team.
Exploring the platform
Exploring My Research
Exploring the rest of features
Tech Description
The project was developed using Next.js, taking full advantage of its server-side rendering (SSR) capabilities, static site generation, and performance optimizations. I integrated TailwindCSS for rapid and maintainable styling.
Key dependencies:
- Auth0: Managed secure authentication and authorization.
- DraftJS: Provided rich text editing features for dynamic content creation.
- React PDF Renderer: Generated and displayed PDF documents directly from React components.
- Sanity: Integrated a headless CMS for managing and updating dynamic content.
- React Query: Handled efficient data fetching, caching, and synchronization with API endpoints.
- Axios: Simplified server communication with robust HTTP client features.
- Lightweight Charts and Recharts: Implemented interactive data visualizations for analyzing trends.
- React Hook Form: Managed form state efficiently with validation and minimal re-renders.
- Sass: Enhanced styling capabilities alongside Tailwind for complex UI elements.
- Storybook: Developed and tested UI components in isolation to ensure consistency.
Impact on the Project
I led the frontend development of the Vation platform from the start, working with a dedicated frontend team and collaborating closely with the Head of Product, Project Manager, QA, backend (Ruby on Rails), and designers. I introduced Next.js and TailwindCSS, marking the first time these technologies were used in the company.
One of my key contributions was transitioning the platform from server-side rendering to static pages, which significantly improved load times and performance, a change the client appreciated. I also supported the design team using Figma to ensure smooth implementation of designs.
I was in daily communication with the client from the US, building strong trust with the Head of Product and ensuring we delivered on all goals effectively.
Filmo
What If Investments
Zapparia
About Me
Buenos Aires, Argentina
Spanish (Native)
English (B2 Level)
+4 years of experience Frontend Developer, switching between diverse projects in industries like finance, e-commerce and others. Focused on delivering product-driven solutions, collaborating closely with clients, stakeholders, and product managers using different kinds of frontend technologies.
Skills:
- HTML: Emphasis on Semantic Markup, Accessibility, SEO
- CSS: Experience with TailwindCSS, Sass, BEM, Responsive Design, shadcn/ui
- JavaScript: Skilled in ReactJS, NextJS, TypeScript, Redux, Context, React Query
Additionally, I have experience working with Storybook, Firebase, Vanilla JavaScript, Ruby on Rails with StimulusJS, Shopify Themes and AstroJS.
Main Technologies:
JavaScript
ReactJS
NextJS
React without Chaos: A Structure for Better Code Thinking
If you've ever found yourself re-reading a React component with more than 300 lines, trying to find where that mutation was, or why a useEffect fires when it shouldn't... then this guide is for you.
A New Era in Frontend Development?
The React ecosystem has witnessed significant debates and transformations in recent years. Recently, Michael Jackson, co-author of React Router, surprised the community...