Front-End Developer
Hey I'm Maria
// system.initI am a Front-End Developer with 3+ years of experience building fast, data-rich React and Next.js applications — from renewable-energy monitoring dashboards to healthcare platforms.
Problems I Solve
CHALLENGES
Dashboards That Buckle Under Real-Time Data
[01]Monitoring systems for energy or healthcare data pull in large, constantly updating datasets. Without careful state management and rendering optimization, dashboards become sluggish, laggy, and hard to trust.
SEO & Performance Left as an Afterthought
[02]Load speed and search visibility often get treated as a final polish step instead of a core requirement, costing organic traffic and user retention after launch.
Tightly Coupled, Hard-to-Scale Components
[03]Without a clear component architecture, changing one component breaks several others. What should be a quick update turns into days of debugging and regression testing.
Disconnected API Integrations
[04]Wiring up multiple real-time APIs without a consistent data-fetching layer leads to duplicated logic, race conditions, and inconsistent UI states.
About Me
ABOUT
I am a Front-End Developer with 3+ years of experience building React and Next.js applications for renewable-energy monitoring, healthcare, and admin platforms. I specialize in turning complex, data-heavy requirements into fast, reliable interfaces — from real-time dashboards with ECharts and React Flow to large-dataset admin panels with ag-Grid and React Query. I'm also comfortable working with AI tools as part of my workflow, using them to speed up debugging, prototyping, and repetitive tasks so I can focus more time on architecture and code quality. I care about clean, typed code and interfaces that hold up as products grow.
Years of Experience
Projects Delivered
Companies Worked With
Mimic Diagram Editor
A canvas-based diagram editor for building interactive process mimics — real-time data-bound nodes, custom edge styling, grouping, layers, and full undo/redo, built on React Flow.
Power Quality Management
PQM is a monitoring platform that measures solar panel output against international power quality standards in real time.
Shafadoc — Doctor Appointment Booking Platform
A full appointment-booking platform for hospitals and doctors, built solo end-to-end in Next.js — a public SEO-optimized website using SSR/ISR/SSG, plus a data-heavy admin panel with grid-based tables, rich content editing, and interactive location maps.
What I Bring to Your Product
SERVICES
Turn Complex Data Into Clear Dashboards
I build interactive, real-time dashboards with ECharts, Chart.js, and React Flow that make dense operational data — like energy production metrics — easy to monitor and act on.
Boost Performance & SEO
Using Next.js rendering strategies (SSR, ISR, SSG, CSR), I ship pages that load fast and rank well, directly improving retention and organic traffic.
Handle Large Datasets Without Slowdowns
With React Query, ag-Grid, and optimized state management, I build interfaces that stay fast and responsive even with thousands of rows or live data streams.
Ship Scalable, Maintainable UI
I build component-based architectures with TypeScript and reusable patterns, reducing bugs, easing handoffs with backend teams, and letting features ship faster.
Interactive Todo List
A dependency-free todo list with add, toggle, delete and clear-completed — implemented three ways: vanilla JS, React, and Next.js with TypeScript + Tailwind.
Particle Network Canvas
An animated constellation of particles that link to each other and follow the cursor — drawn on a raw 2D canvas with requestAnimationFrame, in vanilla JS, React (hooks + effect cleanup) and Next.js with typed props.
Password Strength Checker
Live password scoring with a segmented meter, rule checklist and show/hide toggle — the same UI in raw HTML/CSS/JS, React JSX, and Next.js with TypeScript + Tailwind.
Ready-to-Use AI Prompts for Front-End Developers
Ready-to-Use AI Prompts for Front-End Developers
Ten battle-tested AI prompt templates for front-end work: component generation, code review, CSS debugging, refactoring, accessibility, performance, TypeScript and more. Copy, fill the placeholders, paste.
100 JavaScript Interview Questions — Part 2: Async & Modern Syntax
Questions 11 to 20 of the 100 JavaScript interview questions series: callbacks, promises, async/await, promise combinators, destructuring, spread/rest, currying, map/filter/reduce, memoization and copying objects.
100 JavaScript Interview Questions — Part 1: Foundations
Questions 1 to 10 of the 100 JavaScript interview questions series: var/let/const, hoisting, closures, this, the event loop and other core fundamentals, with clear answers and runnable examples.
Front-End Developer
Let's Talk
Ready to build something great together?
I'm currently available for new opportunities and exciting projects.
Feel free to reach out — I usually reply within 24 hours.