Ritu is available for hire
Hire RituRitu Gatiyala
Verified Expert in Engineering
Front-end Developer
Ahmedabad, Gujarat, India
Toptal member since December 27, 2022
Bio
Ritu is a full-stack developer with ten 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 - 4 years
- Firebase - 4 years
- Next.js - 1 year
- Tailwind CSS - 1 year
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, RESTFul APIs, Firebase Hosting, Cloud Firestore, Firebase Cloud Functions, Firebase Security Rules, Git Repo, Startups, Design Systems, CSS5, React Hooks, Microfrontends, Cursor AI, Scalability, Role-based Access Control (RBAC), Firebase, Firebase Authentication
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 (GA4), eCommerce, RESTFul APIs, Git Repo, Vibe Coding, CSS5, Microfrontends, Cursor AI, Scalability, Claude Code, AI Integration
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, RESTFul APIs, Startups, CSS5, Microfrontends, Leadership
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, RESTFul APIs, Analytics, Git Repo, Design Systems, CSS5, Microfrontends, Leadership, Role-based Access Control (RBAC)
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, RESTFul APIs, Analytics, Git Repo, Startups, CSS5, Microfrontends, Leadership, Scalability, Role-based Access Control (RBAC)
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, RESTFul APIs, Analytics, Git Repo, Startups, Leadership, Scalability
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, Git Repo, Startups
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, Git Repo
Experience
Student Portal
A Vue and Firebase-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 that allows students to view their results and short marks based on the desired grading, and to 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 by Firebase BaaS, while hosting and authentication were implemented using Firebase. Finally, the application state is managed with Vuex, a state management library for Vue.
The app was built for a government organization in India that allows students to view their results and short marks based on the desired grading, and to 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 by Firebase BaaS, while hosting and authentication were implemented using Firebase. Finally, the application state is managed with Vuex, a state management library 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.
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.
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.
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
Firebase Authentication, Slack, GitHub, Git, Babel, Vue CLI, Figma, JSX, GitLab, Firebase Security Rules, Claude Code, CircleCI, Webpack
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, Microfrontends, Role-based Access Control (RBAC), Search Engine Optimization (SEO)
Platforms
Firebase, Visual Studio Code (VS Code), Vercel, Mixpanel, Amazon Web Services (AWS), Mapbox, Netlify, WordPress, Sanity Studio
Storage
Cloud Firestore, 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, RESTFul APIs, Firebase Cloud Functions, Git Repo, Cursor AI, Leadership, Data Structures, Algorithms, Mockups, Analytics, UX Research, UI Research, User Experience (UX), Dashboard Design, CSS Grid, UI Development, Storybook, Design, Software Engineering, Firebase Hosting, 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, Vibe Coding, Startups, Design Systems, CSS5, React Hooks, Scalability, Natural Language Processing (NLP), Semantic Web, SEO Tools, Okta, CI/CD Pipelines, Progressive Web Applications (PWAs), FontAwesome, WYSIWYG Web Builders, Generative Pre-trained Transformers (GPT), Private NPM Modules, Axios, Bootstrap 4, Google Analytics 4 (GA4), eCommerce, AI Integration
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