I am Bhargavi

Frontend / MERN Software Engineer

hero-avatar

Driven Software Developer with nearly 4 years of experience in building scalable, high-performance web applications using React.js, TypeScript, Tailwind CSS, and Material UI (MUI). Skilled in architecting maintainable front-end systems, integrating GraphQL and REST APIs, and delivering responsive, accessible interfaces that enhance user engagement. Proven ability to collaborate with cross-functional teams, write clean and efficient code, and drive meaningful product improvements in fast-paced, agile environments.

View Resume
Download Resume

My Experience

UpGrad

May 2023 - Present

Software Engineer II

Built a React-based interactive video player with real-time transcript syncing, supporting auto-scroll, click-to-seek, and dynamic text highlighting, enhancing content accessibility and learner engagement.

Contributed to the design and implementation of reusable components and layouts, creating interactive and user-friendly web applications with React.js, Tailwind CSS, and TypeScript to optimize user experience and engagement.

Developed a Search Page leveraging Elastic Search to improve data discoverability and performance, resulting in a 30% faster load time.

Worked closely with product managers, designers, and backend developers to deliver high-quality features and functionalities that meet user needs and business requirements.

Utilized Tailwind CSS to create responsive, mobile-first designs that ensure a seamless experience across various devices and screen sizes.

Actively engaged in collecting and analyzing user feedback to inform and prioritize feature development, leading to a 15% increase in user satisfaction.

Collaborated with cross-functional teams to design and integrate GraphQL and REST APIs, improving data retrieval and processing.

Participated in Agile practices, including sprint planning and retrospectives, to enhance team collaboration and software quality.

Upgrad - Knowledgehut

Oct 2021 - May 2023

Associate Software Developer

Implemented key features in the company’s main web application, employing React.js, Material UI, and Tailwind CSS to meet diverse user needs and business goals effectively.

Enhanced UI/UX collaboration by incorporating user-centered design principles, contributing to an intuitive interface and driving a 20% increase in user interaction.

Developed accessible components with Material UI and Tailwind CSS, ensuring compliance with accessibility standards and creating an inclusive experience for all users.

Customized Material UI themes and components to reflect the company’s brand guidelines, promoting visual consistency and a cohesive look across the entire application.

Streamlined component integration with backend services, working with developers to optimize API calls and reduce latency for faster load times on both mobile and desktop.

Implemented modular CSS structures for reusable design patterns, which improved development speed and reduced style conflicts, supporting easier maintenance and scalability.

Proactively monitored and debugged UI components, resolving issues that enhanced cross-browser compatibility and performance, contributing to a 15% reduction in reported UI issues.

Projects

Web App

Travel Advisor

Travel Advisor

Travel Advisor App using Google Maps. With Geolocation, Google Maps API, Searching for places, Fetching restaurants, hotels and attractions based on location

  • ✅ Built the Travel Advisor home page using React, Material UI, and CSS for a smooth user experience.
  • ✅ Integrated Google Maps API and Geolocation to help users find nearby places and attractions.
  • ✅ Used Rapid APIs to fetch real-time data on restaurants, hotels, and attractions, enhancing app performance.
  • JavaScript
  • React
  • CSS
  • React Hooks
  • React Router
  • Material UI
  • Google Maps API
  • Rapid API
  • Geolocation
  • Axios
Live GitHub
Web App

Yatra

Yatra

Yatra.com is an Indian online travel agency and travel search engine.In

  • ✅ Worked on the Bus Selection Page, fetching and displaying bus agency details using Axios.
  • ✅ Developed the Payment Page with options like Gpay and credit card for user transactions.
  • ✅ Collaborated with a 4-member team to build a responsive and functional user experience using React, Redux, and Material UI.
  • JavaScript
  • React
  • Redux
  • Node.js
  • Express
  • MongoDB
  • Material UI
  • REST API
Live GitHub
Web Application

Memories App

Memories App

The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives.

  • ✅ Create, Read, Update, and Delete Memories
  • ✅ Responsive design
  • ✅ Developed a form with image upload capabilities, enabling users to attach photos to their memory posts
  • ✅ Integrated secure OAuth authentication to allow users to sign in using third-party providers.
  • React JS
  • CSS3
  • Material UI
  • Node JS
  • ExpressJS
  • MongoDB
Live GitHub

Skills

React

React

Next JS

Next JS

Tailwind CSS

Tailwind CSS

Redux Toolkit

Redux Toolkit

TypeScript

TypeScript

JavaScript

JavaScript

Express

Express

Node JS

Node JS

MongoDB

MongoDB

Git

Git