Giter VIP home page Giter VIP logo

Hi there 👋

I'm Mansi Manhas and I'm a senior software engineer with ~7 years of extensive experience in full-stack development, application performance optimization, and team mentoring.

Tech Stack

React React Redux Next.js

TypeScript JavaScript HTML

CSS Styled-Components TailwindCSS

Node Expres

Postgress MYSQL MYSQL Prisma Prisma Prisma

MSAzure Docker Docker

Testing Libs & Other Tools

Jest Karma Qunits Qunits Qunits

Qunits Qunits SonarQube Kibana

Qunits Qunits

giphy

Key Roles and Responsibilities

  • Web Development Expertise: Lead the development of responsive webpages, modular components, and robust UI libraries, ensuring a seamless and dynamic user experience.

  • Cross-Functional Collaboration: Serve as a liaison between UI designers, product managers, and backend engineers, interpreting design visions into functional web elements.

  • Performance Optimization Lead: Act as the go-to point of contact for performance-related strategies, ensuring optimal site speed and efficiency across all product applications.

  • User Experience Champion: Advocate for the application's user experience, leveraging user feedback and best practices to guide the design and development processes, ensuring products meet high usability standards.

  • Project Management: Lead project estimation efforts, breaking down complex projects into manageable tasks with clear objectives and timelines, facilitating smooth execution and timely delivery.

  • Mentorship and Leadership: Provide mentorship through code reviews and pair programming. Foster skill development and knowledge sharing to enhance team capabilities.

Projects

  1. DataViz Dashboard

    • DataViz Dashboard is a web application that helps users visualize and analyze their data interactively and intuitively.
    • It is built with ReactJs, TypeScript, and Styled Components, using modern web development technologies and best practices.
    • Users can choose from different types of charts to display their data, view key metrics at a glance, and customize their dashboard as per their requirements. image
  2. eCommerce Application using NextJS, PlanetScale, Prisma, and Stripe Payment Gateway

    • This is a modern and user-friendly eCommerce platform that allows customers to browse and buy various products online.
    • It is built with the latest web technologies such as ReactJS, NextJS, TailwindCSS, PlanetScale, Prisma, and Stripe. image image
  3. Agile Central Dashboard & Automating Sub Task Creation in Jira

    • This web application provides a comprehensive and convenient view of all Jira tasks across multiple teams for managers.
    • It is built using ReactJs and NodeJs.
    • The application consists of a dark-themed user interface with a navigation bar and various widgets displaying different types of data. The application allows managers to see the overall score, daily bug statistics, sonar issues, and active sprint information for each team. image
  4. SQL Editor View with Performance Optimizations and implementation of Virtualization

    • The SQL Editor View is a web application that allows users to write, run, and view the results of SQL queries on a mock database.
    • The application is optimized for fast loading and rendering of large data sets. image
  5. Results Summary Component using HTML + CSS Grid and flexbox

    • This component built using HTML and CSS, is a user interface that displays the results of a test taken by the user.
    • It is responsive to all device sizes. image

Blogs

  1. React.js Performance Optimization Techniques: Explains ways to measure performance, identify bottlenecks, and optimize React apps.
  2. Perform Rollout Restarts In Kubernetes: Rollout restart updates the Pod's configurations by creating new Pods with updated settings and removing the old ones, one by one.
  3. Mastering Low-Level Design: Learning to build an architecture that is maintainable and easily extensible.
  4. Using .env file in Docker Compose: Docker Compose substitutes the variables defined in the .env file in the Compose file.
  5. Top AI Tools Revolutionizing Travel Planning and Itineraries for a Seamless Travel Experience: Nifty AI tools that can assist me in quickly and effortlessly devising my travel plans

Certifications

  • Microsoft Azure Certified: Data Fundamentals
  • Digital Skills - User Experience hosted by Accenture on FutureLearn

Top Langs

Mansi's Projects

cloud-espm-v2 icon cloud-espm-v2

This sample is a reference application project, showcasing an end-to-end development scenario for a Java-based app on SAP Cloud Platform. The app has a SAPUI5 web frontend, uses OData to connect to a Java-based cloud backend which in turn connects via JPA to an SAP HANA DB in the cloud. It is showcased in:

contactui5 icon contactui5

This is an online contact app for mobile using SAP UI5

dashboard icon dashboard

The dashboards are among the essential components that are required in various use cases like reports dashboard, user dashboard, product dashboard, etc. This one is build using React and Typescript

movie-generator icon movie-generator

Random movie generator - Let us randomly decide which movie you should watch next !

nodejs-crud-command-line-app icon nodejs-crud-command-line-app

Building a very basic command line application that can read, write, edit, and delete data using Node.js (no DB connection required)

openui5 icon openui5

OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.

project_weather_pwa icon project_weather_pwa

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build, deploy and publish a Weather Progressive Web App. Covered topics: React.js, Service Workers, PWA, Lighthouse...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.