👋 Hi, I'm Marios Sofokleous

Frontend developer building with React, Next.js & TypeScript

I build high-performance, scalable web applications with React, Next.js, and TypeScript. My focus is on crafting interactive SPAs and product-driven solutions that deliver exceptional user experiences.

ABOUT ME

Creating modern, product-focused web applications and SPAs with React and Next.js.

Headshot of Marios Sofokleous, frontend developer specializing in React, Next.js, and TypeScript.

I'm a frontend developer with over eight years of professional experience, now dedicated to building with modern JavaScript. My background spans agency, in-house, and freelance roles, but my true passion is building impactful web products and user experiences. I thrive on developing SPAs and interactive UIs with React and Next.js, leveraging TypeScript for robust, maintainable code, and integrating APIs and backend services such as Supabase. Performance, accessibility, and scalability are always at the core of my approach.

Recently, I've deepened my expertise by building and launching LeadBridge, a Proptech micro SaaS for real estate, using Supabase and Next.js, as well as developing my own template, Next.js, Strapi Portfolio Starter. These projects have strengthened my product thinking, full development lifecycle skills, and understanding of modern deployment workflows. I am excited to bring my hands-on product experience and frontend engineering skills to a collaborative team focused on building innovative web applications.

Download my resume

TECHNICAL EXPERTISE

Technical skills & core competencies

Frontend HTML CSS JavaScript TypeScript Sass React Next.js Tailwind CSS Bootstrap Backend Supabase REST APIs Node.js (basic) Tools Git/GitHub npm VS Code CR DevTools Gulp Webpack Vite Jira Monday.com Toggl Track Microsoft Teams CLI Generative AI DevOps Cloudflare Coolify Design Figma UI/UX CMS Strapi Decap CMS Concepts RWD A11y SEO Web Perf BEM JAMstack Headless CMS Semantic HTML Soft skills Communication Time Mgmt Teamwork Problem Solving Adaptability CS Data Struct Algos

PROFESSIONAL EXPERIENCE

Where I've applied my technical skills

  1. Marios Sofokleous logo

    Frontend developer (React, Next.js, TypeScript)

    Freelance

    Paphos, Cyprus

    Key achievements:

    • Designed and launched LeadBridge, a Proptech micro SaaS, using Next.js, TypeScript, Supabase, and Shadcn UI.
    • Created and maintain Next.js, Strapi Portfolio Starter, an open-source template for modern developer portfolios.
    • Leveraged Next.js's static and server-side rendering for high performance and scalability.
    • Integrated APIs, automated CI/CD pipelines, and managed cloud deployments with Docker and Coolify.
    • Strengthened expertise in product thinking, full development lifecycle, and modern frontend architecture.

    Toolset

    React, Next.js, TypeScript, Supabase, Strapi CMS, Tailwind CSS, React Hook Form, Zod, REST API, Git/GitHub, Coolify, Apache ECharts, Cloudflare, OpenAI API

  2. IronFX logo

    Frontend developer (React, WordPress)

    IronFX

    Limassol, Cyprus

  3. Webmors logo

    Sole October CMS developer

    Webmors

    Remote

  4. Enigma Global logo

    Sole WordPress developer

    Enigma Global

    Paphos, Cyprus

DEVELOPMENT PORTFOLIO

Selected technical projects

PROFESSIONAL ENDORSEMENTS

Trusted by teams and clients to deliver results

A great professional, very hardworking and able to tackle any challenge on time. It was a great pleasure working with Marios. He is an amazing person, with top notch technical skills and experience in building beautiful highly responsive web applications. I wish we have the chance to work together in the nearest future Marios. I am sure you will thrive even more in the tech industry. Nowadays, is not so common to find professionals like you. All the best!

— Christophoros Demetriou, Product manager, IronFX

Having worked with Marios for almost a year as a fellow WordPress developer, I must say he instills positive energy in the team and is a true professional. What makes him stand out is his willingness to help others. I am impressed by his work ethic, communication skills and the fact that he easily adjusts to any given situation and can perform under pressure. I am glad to have worked with him!

— Pavlina Kyriacou, WordPress developer, IronFX

Marios is one of the most hardworking persons I had the pleasure of working with, always willing to go above and beyond to complete a project assigned to him.

— Marios Polyviou, PHP developer & online marketing manager, Enigma Global

An expert in front-end web development with great attention to detail. We have worked together during several projects, and Marios has delivered beautiful and fully responsive UIs every time.

— Marios Kleanthous, CEO, Webmors

We hired Marios to design and build our new website from scratch. He has been exceptionally collaborative, reliable, professional, and persistent in delivering a top-notch web product.

— Andreas Constantinou Marmara, Manager, PPC Pool Services

Marios has been professional, collaborative, efficient, and honest. With strong technical knowledge and natural creativity, he helped us communicate our vision through a streamlined and attractive website.

— George Kalaitzides, Founder & principal architect, GK Architects

LATEST POSTS

Sharing knowledge & technical insights

FREQUENTLY ASKED QUESTIONS

Common questions about my work & approach

What is your experience with modern frontend technologies?

I have experience with React, Next.js, and TypeScript, developing scalable single-page applications and product-based solutions using modern frontend architecture, best practices, and type-safe development workflows.

Do you have experience working with backend technologies?

Yes! I have worked with Supabase for backend integration, REST APIs for data handling, and Coolify for containerized deployments.

How do you ensure accessibility in your projects?

I adhere to WCAG guidelines and use semantic HTML with ARIA roles to create accessible web applications. Tools like Lighthouse help me validate accessibility standards.

What is your experience with performance optimization?

I optimize websites by compressing images, implementing lazy loading, using critical CSS extraction, reducing JavaScript bundle sizes with Webpack/Vite, and leveraging CDNs to reduce load times.

Do you have experience with SEO optimization?

Yes! I implement SEO best practices such as structured data (JSON-LD), meta tags, XML sitemaps, OpenGraph metadata, and responsive designs to improve search engine rankings.

Are you open to remote roles?

Yes, I am open to remote opportunities worldwide, as well as roles based locally in Cyprus.

Do you have experience working with APIs?

Yes! I've integrated REST APIs into various projects using fetch/axios methods while ensuring secure data handling through validation techniques like Zod.

What is your experience with DevOps tools like Docker or Netlify?

I use Coolify, which deploys all applications as Docker containers, to self-host apps with automated builds and deployments triggered by GitHub commits.

How do you stay updated with industry trends?

I regularly watch YouTube, experiment with new tools/frameworks in personal projects, and share insights through my own blog posts.

What is your approach to responsive design?

I prioritize mobile-first development using CSS frameworks like Tailwind CSS or Bootstrap and optimize layouts for all screen sizes.

How do you approach testing in your projects?

I use tools like Chrome DevTools and Lighthouse for performance testing and accessibility checks. For functionality, I implement manual testing.

Let's connect

Interested in adding me to your development team?