Full-Stack Developer & UI Craftsman
Hi I'm Babak (bā bak)I design & build interfaces that feel effortless.
I specialize in crafting responsive, accessible, and intuitive web apps with React, Next.js, and TypeScript. With a sharp eye for detail and a love for clean code, I build products that are as elegant as they are performant.
Technical Skills
A snapshot of the technologies and skills I use daily to build smooth, modern web experiences.
Frontend Development
React.jsNext.jsTypeScriptJavaScript (ES6+)HTML5 & CSS3Tailwind CSSSASSi18nextReact Query (with SSR)Redux ToolkitShadCN UIFramer MotionApexChartsReact Hook Form
Tools & Practices
Git & GitHubCI/CD PipelinesDockerNginxVitest / JestReact Testing LibraryViteWebpackMSW (Mock Service Worker)ESLintAgile & ScrumPerformance ProfilingCode ReviewsCore Web Vitals
UI/UX Design
FigmaResponsive Layout PlanningMobile-First DesignDesign SystemsAccessibility Principles (a11y)Basic UX Writing Awareness
Soft Skills
Team Collaboration (Remote & On-Site)MentorshipProblem SolvingTime ManagementAttention to DetailRequirement Analysis
Backend Development
Node.jsExpress.jsRESTful APIsDrizzle ORMCMS ArchitectureAuthentication (JWT, Sessions)Server Side Rendering (SSR)ZodYup
Database
PostgreSQLMongoDBDrizzle ORMMongoose
Featured Projects
Due to NDAs, detailed case studies are available upon request. Here are a few highlights I can share.
Fullstack
Sleep Clinic Platform (Dr. Vida Imani)
A full-stack healthcare platform for a sleep clinic, built to enhance patient experience and clinic operations. Focused on performance, reusability, and secure infrastructure.
Next.js
TypeScript
Tailwind CSS
PostgreSQL
Drizzle ORM
ShadCN UI
Next Auth
motion
Docker
Nginx
- Architected a scalable monorepo full-stack platform (Next.js API Routes, PostgreSQL) achieving 50ms API latency and 95% component reusability.
- Spearheaded technical and strategic planning with clinic owners, reducing initial MVP scope by 40% for an efficient launch.
- Implemented front-end optimizations achieving 97 Performance and 100 SEO Lighthouse scores, directly enhancing the clinic's online presence.
- Deployed the application using Docker and Nginx on a VPS, ensuring fast updates, reliable uptime, and robust security.
- Designed a reusable UI system with Tailwind, accelerating development by 70% and ensuring 98% design consistency.
Front-End
Solar Plant Monitoring System (Aral Studio)
An enterprise-level monitoring platform migrated to React, focused on real-time performance, global collaboration, and massive data visualization.
React.js
TypeScript
Redux
React-Query
ApexCharts
React Hook Form
SASS
React-i18next
Yup
- Spearheaded migration of a legacy Blazor platform to React, decreasing page load times by 40s and enhancing performance by 70%.
- Collaborated with backend to optimize data structures, enabling real-time rendering of 150k+ data points for a smoother user experience.
- Achieved pixel-perfect, responsive UIs from Figma designs, working closely with the design team for a seamless handoff and implementation.
- Mentored colleagues and optimized team workflow by analyzing strengths and delegating tasks, resulting in early sprint finishes.
- Reduced rendering times by 40% compared to the old stack by optimizing complex forms with React Hook Form and building a modular component structure.
- Facilitated seamless cross-timezone collaboration by working as a translator for team members (Turkish - Persian).
Front-End
Hospitality Dashboard (Platin Studio)
A management dashboard for a hospitality business with inventory tracking, team coordination, and analytics tools.
React.js
TypeScript
Axios
Tailwind CSS
React Hook Form
Yup
recharts
- Engineered a custom analytics dashboard with recharts, providing real-time insights into inventory and sales data that enabled managers to make strategic decisions.
- Designed and implemented a role-based access control (RBAC) system for the dashboard, ensuring data security and proper access to sensitive financial and staff information.
- Collaborated with the backend team to design a RESTful API for seamless data flow, improving data consistency and decreasing API response times by 30% for all user actions.
- Established and enforced coding standards across the project using ESLint and Prettier, improving long-term project maintainability and onboarding for new team members.
- Implemented a modern, modular state management solution to handle real-time staff and inventory data, significantly improving application responsiveness and user experience.
Get in Touch
Have an idea, opportunity, or just want to say hi? My inbox is always open.