Ritu Gatiyala, Developer in Kolkata, West Bengal, India
Ritu is available for hire
Hire Ritu

Ritu Gatiyala

Verified Expert  in Engineering

Bio

Ritu is a full-stack developer with eight years of professional experience building highly scalable and responsive user interfaces for diverse teams around the world. She specializes in Vue and React web applications. In addition to development, she has also designed and prototyped applications and has a good sense of UI/UX. Having worked with both product and service-based companies, Ritu is passionate about building amazing user experiences and driving things end-to-end.

Portfolio

Precision Painting
Front-end, JavaScript, Web Development, React, React Konva, Tailwind CSS, Redux
Bindle Resources LTD
Vue, Front-end, User Interface (UI), User Experience (UX), Tailwind CSS...
Milkshake Studio (via Toptal)
Vue, Nuxt.js, Front-end, Vue 3, TypeScript, Sanity Studio, WebGL, React...

Experience

  • JavaScript - 9 years
  • User Interface (UI) - 7 years
  • Vue - 6 years
  • Nuxt.js - 5 years
  • React - 3 years
  • Firebase - 1 year
  • Next.js - 1 year
  • Tailwind CSS - 1 year

Availability

Part-time

Preferred Environment

Vue, React, Next.js, MySQL, MongoDB, PostgreSQL, Git, Visual Studio Code (VS Code)

The most amazing...

...thing I've built is a query builder that allows users to create database queries through a user-friendly interface without requiring extensive knowledge of SQL.

Work Experience

Software Developer

2025 - PRESENT
Precision Painting
  • Designed and developed a visually stunning, highly interactive Christmas lights decoration tool from scratch using React, Redux, Tailwind CSS, and React Konva, allowing users to decorate houses with realistic lights, decorations, and custom text.
  • Built an advanced canvas-based editor leveraging React Konva, enabling users to layer, manipulate, and preview decorations with smooth drag/drop, copy/paste, and selective layer visibility, ensuring an intuitive and immersive experience.
  • Engineered a seamless and state-persistent user experience with Redux and React Persist, providing a fluid, real-time editing environment that retains user designs across sessions.
  • Integrated Firebase Authentication and Firestore for secure, real-time data storage and hosting, ensuring a fast, scalable, and reliable platform that delivers a delightful and polished UX.
Technologies: Front-end, JavaScript, Web Development, React, React Konva, Tailwind CSS, Redux

Vue and UX Developer

2024 - 2025
Bindle Resources LTD
  • Developed and optimized a robust authentication system, including SSO (single sign-on) integration, OAuth flows, and password recovery mechanisms, ensuring secure and seamless user access.
  • Architected and implemented dynamic, reusable UI components such as an intelligent, real-time search bar with advanced suggestions, client-side pagination, and state-driven user profile flow for an enhanced UX.
  • Built and refined key application modules, including user profile management, settings, order history, and address book, leveraging modular and scalable front-end patterns.
  • Enhanced application consistency and performance by implementing context-aware breadcrumbs, skeleton loaders for improved perceived performance, and responsive empty state handling, ensuring an intuitive and accessible UI across devices.
Technologies: Vue, Front-end, User Interface (UI), User Experience (UX), Tailwind CSS, Search Engine Optimization (SEO), Google Analytics 4, eCommerce

Vue 3 and Nuxt.js Developer

2024 - 2024
Milkshake Studio (via Toptal)
  • Developed a Vue 3/Nuxt.js app with a strong focus on UI/UX, ensuring pixel-perfect design and high usability.
  • Utilized composables extensively, building a generic event composable and a toast module.
  • Implemented key application features, including PDF download and print functionality.
  • Maintained a robust style guide and performed multiple iterations for code and design consistency.
Technologies: Vue, Nuxt.js, Front-end, Vue 3, TypeScript, Sanity Studio, WebGL, React, Software Architecture, Technical Leadership, Front-end Architecture, Nuxt 3, SaaS, B2C, Responsiveness

Senior Front-end Developer (via Toptal)

2023 - 2024
Vince AS
  • Built a private npm package from scratch for reusable Vue components to be used across products in Vince. This helped with standardization and helped reduce the team's development time.
  • Developed features like welcome and home screens, multi-select features with custom options for favorites, and last used screens to increase user interaction. This increased the app's usability significantly.
  • Worked on the interaction between widgets on dashboards and improved the overall performance. Built better UIs for widgets for client dashboards.
  • Developed skeleton screens and components across both applications for standardization and a better user experience.
  • Carried out multiple sprints for bugs and enhancements across applications for overall standardization and improved UI/UX.
Technologies: Vue 2, Vue, CSS, Nuxt.js, JavaScript, Node.js, Vue 3, HTML5, SCSS, ECMAScript (ES6), TypeScript 3, Private NPM Modules, APIs, Axios, Pinia, Vite, Storybook, Bootstrap 4, Bootstrap, TypeScript, Tailwind CSS, Vuetify, Solution Architecture, Headless Software, REST, Communication, Single-page Applications (SPAs), JSON, Vue Router, Integration, Pixel Perfect, NestJS, WCAG 2, Vercel, Responsive Web Apps, GitLab, Web Design, Redux, Testing, Jest, UX Design, Application State Management, UI Components, Visual Studio Code (VS Code), Software Development, Algorithms, Vuex, User Interface (UI), User Experience (UX), Dashboards, API Integration, Full-stack Development, Software Architecture, B2C, Responsiveness

Senior Software Engineer

2018 - 2021
Atlan
  • Developed Atlan's B2B data management product with codebase in Vue.
  • Designed and prototyped various product versions and delivered high-quality, responsive user experiences.
  • Built complex features, including a query builder to query billions of rows of data, a word processor for team collaboration and detailed documentation, and an access manager for handling all data, features, and users in one place.
  • Gathered requirements for the release manager app, narrowed down the solutions with the DevOps team, and built the app's first version.
  • Integrated app analytics, collected business-critical insights, and applied them through various UI/UX sprints.
  • Managed smaller sprints for bugs or enhancements to maintain the product's quality and mentored 2 - 4 interns each summer.
Technologies: JavaScript, Vue, Vuex, Nuxt.js, HTML5, CSS, SCSS, MySQL, GitHub, CircleCI, Amazon Web Services (AWS), Jest, CSS3, Front-end, User Interface (UI), User Experience (UX), Dashboard Design, Data Visualization, Dashboards, Webpack, ECMAScript (ES6), CSS Grid, SQL, Git, UI Development, Babel, Material UI, APIs, Web Development, Design, Software Engineering, CI/CD Pipelines, NoSQL, Netlify, Vue CLI, Vue 3, Progressive Web Applications (PWAs), Responsive Web Design (RWD), React, Web Applications, Front-end Development, REST APIs, Vue 2, WordPress, WYSIWYG Web Builders, IndexedDB, UI Design, Architecture, Quasar, Mathematics, Charts, Graphs, Tailwind CSS, Forms, Solution Architecture, Headless Software, REST, Communication, Vanilla JS, Full-stack Development, Single-page Applications (SPAs), JSON, Vue Router, SDKs, Integration, Server-side Rendering (SSR), Figma, Pixel Perfect, JSX, Next.js, NestJS, WCAG 2, Chart.js, Mixpanel, Responsive Web Apps, Web Design, Redux, Testing, Highcharts, Charting, UX Design, Search Engine Optimization (SEO), MERN Stack, Application State Management, UI Components, Visual Studio Code (VS Code), Software Development, Algorithms, API Integration, Mockups, UI Research, Software Architecture, Technical Leadership, Front-end Architecture, Nuxt 3, SaaS, B2B, Responsiveness

Software Engineer

2017 - 2018
SocialCops
  • Built and managed a data visualization product with codebase in Backbone.js to deliver 30+ data-driven projects.
  • Developed, designed, and prototyped an application for sustainable development goals (SDGs) with a codebase in Vue and Vuex for state management.
  • Managed new features and client requirements concurrently for 10+ projects.
  • Contributed to the in-house reusable components library that saved hours of development time and increased productivity for the team.
  • Created a photo approval and management system where 50+ million records could be tracked and helped micromanage the process on the ground.
  • Worked extensively with dashboards, charts, and maps.
Technologies: JavaScript, Vue, Vuex, Nuxt.js, HTML5, CSS, SCSS, Jest, GitHub, Backbone.js, Bootstrap, Node.js, PostgreSQL, D3.js, Amazon Web Services (AWS), Mapbox, CSS3, Front-end, User Interface (UI), User Experience (UX), Dashboard Design, Data Visualization, Dashboards, Webpack, ECMAScript (ES6), CSS Grid, SQL, Git, UI Development, Storybook, Babel, Material UI, APIs, Web Development, Design, MongoDB, Software Engineering, CI/CD Pipelines, NoSQL, API Integration, jQuery, Responsive Web Design (RWD), Web Applications, Full-stack, Front-end Development, REST APIs, Vue 2, IndexedDB, UI Design, Mathematics, Charts, Graphs, Solution Architecture, Headless Software, React, REST, Communication, Vanilla JS, Full-stack Development, Single-page Applications (SPAs), JSON, Vue Router, SDKs, Integration, Server-side Rendering (SSR), Figma, Pixel Perfect, JSX, Chart.js, Mixpanel, Responsive Web Apps, Web Design, Elasticsearch, Testing, Highcharts, Charting, UX Design, Application State Management, UI Components, CRM APIs, Visual Studio Code (VS Code), Software Development, Algorithms, Mockups, UI Research, Software Architecture, Front-end Architecture, Nuxt 3, SaaS, B2B, Responsiveness

Front-end Engineer

2016 - 2017
Taskbob
  • Developed Taskbob's home services website and booking portal.
  • Optimized the service booking and offers page for seamless customer experience, providing under-one-minute service booking.
  • Built a dashboard for managing the service members and tasks.
Technologies: JavaScript, HTML5, CSS, Bootstrap, SEO Tools, GitHub, User Experience (UX), CSS3, Front-end, User Interface (UI), Git, UI Development, Web Development, Software Engineering, jQuery, Responsive Web Design (RWD), Web Applications, Front-end Development, REST APIs, Mathematics, REST, Communication, Vanilla JS, Integration, Pixel Perfect, Search Engine Optimization (SEO), Application State Management, Visual Studio Code (VS Code), Software Development, API Integration, B2C, Responsiveness

Front-end Engineer

2015 - 2016
Mu Sigma
  • Built features for Mu Sigma's data platform with codebase in Backbone.js.
  • Created an interactive canvas using D3.js to link and track the client data flow.
  • Implemented a chat application on the canvas using Socket.IO to facilitate collaboration and communication among the team.
Technologies: JavaScript, Backbone.js, HTML5, CSS, D3.js, GitHub, CSS3, Front-end, HTML, Dashboard Design, Data Visualization, Dashboards, Git, UI Development, Web Development, Software Engineering, jQuery, Front-end Development, Mathematics, Charts, Graphs, Communication, Vanilla JS, Integration, Pixel Perfect, Software Development, API Integration, B2B

Experience

Student Portal

A Vue-based web application for students to view their results, competitive grading, and information in an organization.

The app was built for a government organization in India where students could view their results and the short marks based on the desired grading and have all the information related to their course in one place. Admins can also manage the content, marks, courses, and students on the portal. The app's back end was powered using the Firebase BaaS, while the hosting and authentication were also implemented using Firebase. Finally, the application state is managed using Vuex, a state manager for Vue.

SDG Application

https://socialcops.com/case-studies/undp-png-tracking-business-contribution-sdgs/
An SDG application that I developed, designed, and prototyped for three countries.

Clients could view all the data in various domains to understand where their country lies on the sustainable development goal achievement scale. Content strategists could also manage the content to specify the data important to their country. The app included information pages to read every possible indicator of the goals and a dashboard with maps and charts to analyze the data indicators for each goal.

Project Manager

A React-based web application for managing projects and their tasks. I was the solo developer, bringing the app from conception to launch by utilizing the Tailwind CSS for an amazing look and feel and making it easy for personal project management.

Query Builder

A query builder that I created where users could query data without needing prior knowledge of SQL using a simple drag-and-drop.

The users could apply filters or aggregations, and queries could be saved to be used again or converted to raw SQL. Users could also always see the time the queries took and abort midway. Data had an infinite scroll for less memory consumption and faster server response. It could also be shared safely, and multiple teams could collaborate on a project on the same query. It was a reusable component and helped 300+ data engineers collaborate on data.

Release Manager Application

A release manager application to manage various product release versions and help the DevOps team decide based on their specific needs.

I researched and studied 40+ products to understand the conventional and unconventional ways of gathering infrastructure for the applications. I worked with the DevOps teams to narrow down the requirements and design an alpha version. I also developed the application to later onboard a team to build it further.

Education

2011 - 2015

Bachelor's Degree in Information and Communication Technology

Dhirubhai Ambani Institute of Information and Communication Technology - Gandhinagar, Gujarat, India

Skills

Libraries/APIs

Vue, Vue 3, React, REST APIs, Vue 2, Highcharts, Vuex, Backbone.js, Node.js, D3.js, Chart.js, jQuery, WebGL, React Konva

Tools

Slack, GitHub, Git, Babel, Vue CLI, Figma, JSX, GitLab, CircleCI, Webpack, Firebase Authentication

Languages

JavaScript, HTML5, CSS, HTML, ECMAScript (ES6), SCSS, CSS3, SQL, TypeScript, TypeScript 3, PHP

Frameworks

Nuxt.js, Tailwind CSS, Next.js, Nuxt 3, Jest, Bootstrap, Material UI, Vuetify, Vanilla JS, NestJS, Quasar, Redux

Paradigms

Responsive Web Design (RWD), REST, B2B, B2C, UI Design, Testing, UX Design, Search Engine Optimization (SEO)

Platforms

Firebase, Visual Studio Code (VS Code), Vercel, Mixpanel, Amazon Web Services (AWS), Mapbox, Netlify, WordPress, Sanity Studio

Storage

IndexedDB, JSON, Database Management Systems (DBMS), MySQL, PostgreSQL, MongoDB, NoSQL, Elasticsearch

Industry Expertise

Web Design

Other

Software Development, Front-end, User Interface (UI), Data Visualization, Dashboards, APIs, Web Development, API Integration, Web Applications, Full-stack, Front-end Development, Pinia, Vite, Communication, Full-stack Development, Single-page Applications (SPAs), Pixel Perfect, Responsive Web Apps, Application State Management, SaaS, Responsiveness, Data Structures, Algorithms, Mockups, UX Research, UI Research, User Experience (UX), Dashboard Design, CSS Grid, UI Development, Storybook, Design, Software Engineering, Architecture, Mathematics, Charts, Graphs, Forms, Solution Architecture, Headless Software, Vue Router, SDKs, Integration, Server-side Rendering (SSR), WCAG 2, Framer, Charting, Google Cloud Functions, MERN Stack, UI Components, CRM APIs, Software Architecture, Technical Leadership, Front-end Architecture, Natural Language Processing (NLP), Semantic Web, SEO Tools, Analytics, Okta, CI/CD Pipelines, Progressive Web Applications (PWAs), Firebase Hosting, FontAwesome, WYSIWYG Web Builders, Generative Pre-trained Transformers (GPT), Private NPM Modules, Axios, Bootstrap 4, Google Analytics 4, eCommerce

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring