Ritu is available for hire
Hire RituRitu Gatiyala
Verified Expert in Engineering
Front-end Developer
Kolkata, West Bengal, India
Toptal member since December 27, 2022
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
Milkshake Studio, LLC
Vue, Nuxt.js, Front-end, Vue 3, TypeScript, Sanity Studio, WebGL, React
Vince AS
Vue 2, Vue, CSS, Nuxt.js, JavaScript, Node.js, Vue 3, HTML5, SCSS...
Atlan
JavaScript, Vue, Vuex, Nuxt.js, HTML5, CSS, SCSS, MySQL, GitHub, CircleCI...
Experience
Availability
Full-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
Vue 3 and Nuxt.js Developer (via Toptal)
2024 - 2024
Milkshake Studio, LLC
- 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
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 (SPA), 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
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 (SPA), 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 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 (SPA), 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
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
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
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.
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.
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, Chart.js, jQuery, D3.js, WebGL
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, Jest, Bootstrap, Material UI, Vuetify, Vanilla JS, NestJS, Quasar, Redux
Paradigms
Responsive Web Design (RWD), REST, 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 (SPA), Pixel Perfect, Responsive Web Apps, Application State Management, 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, 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
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