Let's talk →
About · Surat, India

Designerturnedengineer.

Portrait of Dhaval Rana
Dhaval Rana · Lead Frontend Developer
The short version

I started out assembling PCs in 2007, moved into web and interface design, taught animation, and led graphics and frontend projects. Since March 2025, I’ve been Lead Frontend Developer at Mavin Agency, building enterprise and SaaS applications for international clients.

I specialise in React.js and Next.js, building scalable, mobile-first applications that combine performance, accessibility and design thinking. Lately I've been weaving AI into frontend workflows: smarter forms, predictive UIs and interactive components powered by LLM APIs.

I enjoy owning products end to end, from design-system architecture to API integration and deployment. Outside of code, I'm also an author and novelist, because good interfaces and good stories both need structure, rhythm and empathy.

View résumé ↗
Beyond the frontend · My novel
Official novel artwork with the book cover, a flooded Mumbai railway and travellers in the rain
Debut novel · Kindle eBook

When Mumbai Went Silent

Survival, Separation and the Flood of 26 July 2005

A young traveller’s routine trip from Surat to Mumbai is disrupted by the floods of 26 July 2005. As the route home becomes uncertain, an encounter with strangers becomes a story of survival, connection and the people waiting for him.

Read on Kindle ↗Explore my writing →
Timeline

The long version

  1. Mar 2025 — Present

    Lead Frontend Developer

    Mavin Agency

    Leading frontend architecture for international clients: enterprise and SaaS apps in React, Next.js and TypeScript, Core Web Vitals and mentoring.

  2. Dec 2021 — Mar 2025

    Lead Frontend Developer

    iqbusiness

    Led enterprise-scale React & Next.js applications, Strapi and Supabase integrations, and clean-code standards across the team.

  3. Jun 2019 — Dec 2021

    Frontend Developer

    Maven

    Modern responsive applications with React.js, reusable UI components and design systems.

  4. May 2017 — May 2019

    Web & Graphic Designer

    Freelance

    Custom React and WordPress sites, branding and UI/UX for startups and SMEs.

  5. May 2017 — Dec 2021

    Web & Graphic Designer

    NE-RD Studios

    Web and graphic design, alongside freelance projects and later frontend development work.

  6. Feb 2011 — May 2017

    Team Lead, Graphics & Frontend

    JZero Solutions

    Led design and frontend for e-learning platforms and mentored junior designers.

  7. Mar 2010 — Dec 2010

    Mobile Game & App UI Designer

    Xerces Technologies

    Game environments, characters and interfaces for BlackBerry and Symbian.

  8. Mar 2010 — Jun 2010

    Animation Faculty

    Arena Multimedia

    Taught animation alongside my early work in visual and interface design.

  9. Sep 2008 — Feb 2010

    Web Designer

    Matrix Solutions

    Website layouts and frontend builds in HTML, CSS and JavaScript.

  10. Jul 2007 — Jun 2008

    Hardware Engineer

    Systech Infotech

    System setup, troubleshooting and PC assembly, where it all started.

Certifications

  • Generative AI: Introduction and Applications · Google Cloud
  • What Is Generative AI? · Google Cloud
  • Machine Learning with Python
  • Introduction to Deep Learning & Neural Networks with Keras
  • Presenting Data Effectively to Inform and Inspire
  • Adobe Certified Associate in Photoshop
  • ISO 9001:2008 Internal Auditor

Education

B.Sc. Information Technology

Kuvempu University · 2008 to 2010

Languages

Gujarati · Hindi · English

Working style

  • Remote-first, Agile, async-friendly
  • Mentor & code-quality advocate
  • Design-minded engineering
  • Available for US, UK, EU & global teams
Every tool in the kit
React.jsNext.jsTypeScriptJavaScript ES6+ReduxHTML5CSS3Tailwind CSSShadCN UIChakra UIAnt DesignBootstrapSSRSSGCore Web VitalsPage speedSEOWeb accessibilityResponsive designComponent-drivenNode.jsPythonExpress.jsREST APIsMongoDBMySQLSupabaseStrapiDirectusWordPressGitHubBitbucketJiraPostmanDocker (basic)LighthouseFigmaVercelVS CodeAgile