Frontend Developer Portfolio

Building modern web apps with clean UI and useful AI features.

I design and build responsive web applications using Next.js, TypeScript, Tailwind CSS, Zustand, and AI integrations. My focus is creating interfaces that are clear, practical, and ready for real users.

View Projects Contact Me

Masoud Piryaie

Frontend Developer

Berlin, Germany

Download Resume

About me

I turn ideas into structured and responsive products.

Frontend Engineer with 5+ years of experience building scalable, TypeScript-first applications with React and Next.js. Deep expertise in component architecture, performance optimization, and API integration, with a strong track record of delivering maintainable, high-quality code in cross-functional teams.

Currently completing a Master's in Data Science & AI, with practical exposure to ML pipelines and AI-driven features.

Contact me

Selected Projects

Projects

These projects show my work in frontend development, responsive layouts, state management, and AI-powered user flows.

Nightlife Mobile App

full-stack

ClubMate

A mobile-first nightlife social app concept focused on club discovery, user profiles, ticket offers, chat, and event-based interactions. The UI uses a dark visual identity with neon details to match the club atmosphere.

Dark mobile-first interface

Profile, ticket, and chat screens

Strong nightlife visual identity

Mobile UIDark ThemeResponsive DesignProduct UX

View Case Study

AI Rental Platform

full-stack

Andormera

A real estate platform for apartment, house, and WG listings. It includes property publishing, listing review, multilingual listing presentation, and an admin panel for managing properties and inquiries.

AI multilingual property descriptions

Admin dashboard and listing management

Verified listing workflow

Next.jsTypeScriptZustandGemini AITailwind CSS

View Case Study

AI Productivity Workspace

full-stack

Task AI

A calm productivity workspace for tasks, appointments, focus sessions, progress tracking, and AI email help. Gemini AI is used to support daily planning and smarter task suggestions.

AI daily planning workflow

Focus mode and progress tracking

Task, calendar, and email features

Next.jsTypeScriptZustandGemini AITailwind CSS

View Case Study

Work Experience

Practical experience and responsibilities.

Frontend Developer

Pardco - GS1

Jul 2022 - Mar 2025On-site, full-time

Engineered a high-traffic admin platform for 100K+ users, enabling real-time GS1 code (GLN/GTIN) management, advanced data visualization, and live operational tracking using React and TypeScript.
Rebuilt a legacy monolithic UI from scratch with React, Material UI, Zustand, and React Query — reducing codebase size by 20% through a modular component architecture and custom reusable hooks.
Optimized API data fetching by implementing React Query caching and request deduplication, cutting redundant network calls by ~40% and significantly improving perceived page performance
Developed 30+ accessible, responsive UI components with Material UI and Tailwind CSS, standardizing design patterns across the codebase and reducing time-to-feature delivery by an estimated 25%
Implemented role-based access control (RBAC) and secure session handling, hardening platform security for sensitive GS1 data across multiple user permission levels.
Achieved 85%+ unit test coverage using Jest and React Testing Library, reducing production bug reports by 30% and accelerating release confidence through automated regression checks.

Frontend Developer

Hamiket

Apr 2020 - Jun 2022On-site, full-time

Collaborated within a cross-functional team of frontend developers, backend engineers, and UI/UX designers to architect and deliver a multi-panel marketplace platform (Customer, Vendor, Support) using Next.js and React, consistently meeting sprint deadlines across all three panels..
Partnered closely with backend developers to integrate RESTful APIs via Axios, implementing centralized interceptors for authentication, error handling, and request/response standardization — reducing integration friction and improving delivery speed across feature cycles.
Worked alongside UI/UX designers to translate Figma designs into responsive, pixel-perfect interfaces using Material UI and Sass, while contributing to a real-time chat feature via Socket.IO — all shipped on schedule as part of planned sprints
Contributed to a real-time chat feature with Socket.IO.

IT Manager and Webmaster

TarisGold - Multi-Vendor Platform

Jan 2019 - Mar 2020On-site, full-time

Automated live gold price synchronization via a third-party API integration, eliminating 95%+ of manual pricing errors and ensuring real-time pricing accuracy across thousands of daily transactions.
Reduced manual pricing errors by 95%+.
Optimized the website's performance by reducing the requests size by 25% and improving the Lighthouse score from 65 to 90.