Maria Ebrahimi
Maria Ebrahimi
  • Home
  • About
  • Experience
  • Services
  • Projects
  • Code Lab
  • Blog
Maria Ebrahimi
HomeAboutExperienceServicesProjectsCode LabBlog
// back to code lab

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.

JavaScriptReactNext.jsDOMForms
HTMLReactNext.js
Stack
Loading preview

More experiments

View all
Loading preview
Open playground

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.

HTMLReactNext.jsJavaScriptCanvasAnimation
Loading preview
Open playground

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.

HTMLReactNext.jsJavaScriptFormsValidation
© 2026 Maria Ebrahimi— Designed & built with care. · Become a writer · Privacy Policy