MN
Hi, I'm Mayur
Crafting Beautiful and Engaging Digital Experiences with Love and Code.
Mumbai | India

Skills

React
Next.js
Typescript
Redux
TailwindCss
Jest
Git
HTML / SCSS
MDX
Figma

About

I'm Mayur Nalwala, a design-oriented front-end developer passionate about creating pixel-perfect, engaging, and accessible digital experiences. My journey began in 2014 when I first dabbled in creating websites using Bootstrap. What started as an experiment quickly became a deep dive into the vast and exciting world of coding and web development.

Over the years, I've had the privilege of building websites and web applications for agencies, start-ups, and large corporations, always striving to find that sweet spot where design meets engineering. I believe that the best digital experiences are not only visually appealing but also built with solid engineering principles.

I like helping new developers and working with emerging startups to bring their ideas to life. Outside of work, I enjoy sharing my knowledge through articles on my blog, webexpe.com, and creating fun dev memes for Instagram.

Let's build something amazing together!

Work Experience

  • M

    Mphasis

    Mumbai, India

    March 2024 - Present
    NextJS
    Typescript
    Redux
    Spearheaded the development of a video verification system for web and mobile platforms using Next.js and TypeScript. Managed the project lifecycle from concept to launch, ensuring seamless collaboration across design, backend, and testing teams. Set up comprehensive unit testing with Jest and React Testing Library, achieving 85% test coverage and i18n support for 10+ Indian regional languages.
  • P

    Paytm

    Mumbai, India

    July 2020 - Oct 2023
    ReactJS
    Typescript
    Redux
    SCSS
    Built and maintained a component library with 30+ reusable components for Paytm’s web and mobile applications using React.js and TypeScript. Developed a lightweight CSS framework for insurance products, reducing development time by 20% and enhancing consistency across web applications.
  • W

    Wharf Street Strategies

    Mumbai, India

    August 2019 - July 2020
    HTML
    SCSS
    ReactJS
    Redux
    Bootstrap
    AdobeXD
    Optimized website performance using React.js and Redux, increasing page load speed by 35% and reducing bounce rate to 48%. Designed and implemented UX strategies, improving user session duration by 20% and overall user satisfaction, attracting international clients. Mentored junior developers and designers, contributing to team growth and capability.
  • A

    Auxesis Group

    Mumbai, India

    April 2017 - Sep 2017 - May 2018 - July 2019
    HTML
    SCSS
    Bootstrap
    Angular
    JavaScript
    JQuery
    Led the redesign of websites, boosting overall traffic by 30%. Developed a comprehensive design system, accelerating the design process and reducing time-to-market by 15%. Collaborated across departments to deliver advanced UI designs with animations, ensuring high usability, performance, and SEO.
  • I

    Ideamagix

    Mumbai, India

    Sep 2016 - Jan 2017
    HTML
    SCSS
    Bootstrap
    JavaScript
    JQuery
    Created and crafted websites, logos, branding, and marketing materials.Engaged in client meetings to discuss product/project requirements. Collaborated with the team to successfully deliver 8+ projects, meeting client specifications each time.

Education

Nextleap

Sep 2023 - Nov 2023
Product Management Fellow

Mumbai University

2012 - 2016
Bachelor of Engineering - Computer Science

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications.
Here are a few of my favorites.

Blog Template (100+ Stars, 50+ forks) Next.js, Tailwind

Created a customizable blog template leveraging Next.js’s SSG for static page generation. Designed for both technical and non-technical users, with responsive design, SEO optimization, multi-author support, and light/dark themes. Gained 53 forks and 120+ stars on GitHub, demonstrating its popularity and utility.

Next.js
Typescript
TailwindCSS

Blog template - MDX, Next.js, TailwindCSS, Typescript

Simplified and optimized an earlier template further with Markdown/MDX, leveraging Next.js features like getStaticPaths and getStaticProps. Structured posts as Markdown files, dynamically generating pages at build time. Added features like SEO optimization with Next SEO, and sitemap generation with NextSitemap. Utilized Tailwind CSS for easy customization, focusing on performance and simplicity. Applied this template to webexpe.com, achieving 600+ monthly organic hits due to effective SEO integration.

Next.js
Typescript
TailwindCSS
MDX/Markdown

Upcoming Projects

A few commercial projects and ideas i'm working on during my free time.
This also helps me add new skills and grow.

Logistics Dashboard & SaaS Product

Building a utility dashboard for emerging logistics company. Utilizing Next.js 14, TypeScript, Tailwind CSS, and Firebase for backend services. Planning to evolve the project into a SaaS product post-launch and testing.

Next.js
Typescript
TailwindCSS
Firebase

Learning App

Developing an educational app, incorporating research-backed design elements to enhance learning. Aiming to expand skills in mobile app development for iOS, Android, and smart TVs.

React Native
AppWrite / Firebase