banner dp image👋

Hello, I'm Mayank.
I build accessible, pixel-perfect digital experiences for the web.

about

Over the past three years, I’ve focused on mastering the craft of web development and solving real-world challenges with scalable, intuitive solutions. This journey has equipped me with a well-rounded skill set and a strong foundation in both frontend and backend technologies.

I’ve honed my ability to create responsive, interactive, and user-friendly interfaces using HTML5, CSS3, and modern frameworks like React.js and Next.js. My frontend toolkit also includes Tailwind CSS, SCSS/SASS, Redux, Context API, and Zustand, enabling me to build sleek, performant applications.

On the backend, I work with Node.js, Express.js, and RESTful APIs, along with GraphQL and WebSocket for real-time communication. I also have hands-on experience with server-side rendering and database systems like MongoDB, MySQL, PostgreSQL, and Firebase.

Beyond development, I prioritize clean architecture, maintainable code, and continuous improvement through version control (Git, GitHub), performance optimization, and CI/CD workflows. My solid grasp of Data Structures and Algorithms helps me write efficient, reliable code across all layers of the stack.

Whether I’m architecting a feature or refining an experience, I strive to deliver measurable impact. I’m passionate about mentoring, staying on top of emerging tech trends, and collaborating with teams that value both innovation and precision.

my projects

Spotify Clone

I am excited to present my latest project—a full-stack web application that replicates the popular music streaming service, Spotify. This project was built using React for the frontend and GraphQL for the backend, providing a seamless and responsive user experience.

  • React.js
  • Redux
  • GraphQl
  • SCSS
Visit Website
project i worked on

Quadometry Designs

QUADOMETRY DESIGN is an architectural firm based out of Bangalore. A well-knit structure of experts who have worked in different verticals of the built environment forms the foundation of the brand.

  • Wordpress theme development
  • Php
  • Bootstrap
  • SCSS
  • JavaScript
  • jQuery
  • Gsap
  • webpack
Visit Website
project i worked on

Genesis planners

Encompassing over 27+ years of experience, GPPL has a network of over 200 staff and is a leading multi-disciplinary architectural firm based at Hyderabad

  • Wordpress theme development
  • Php
  • Bootstrap
  • SCSS
  • JavaScript
  • jQuery
  • Gsap
  • webpack
Visit Website
project i worked on

Reena Bapat Design Studio

Reena Bapat Design Studio is a vibrant boutique design studio based in Bengaluru, specializing in crafting bespoke and sustainable hospitality, landscape, interiors, master-planning and residential projects.

  • Wordpress theme development
  • Php
  • Bootstrap
  • SCSS
  • JavaScript
  • jQuery
  • webpack
Visit Website
project i worked on

skill

Front-End Development

Proficiency in HTML, CSS, JavaScript, and modern front-end frameworks.

  • HTML
  • CSS
  • JavaScript
  • React
  • Vue.js
  • Back-End Development

    Strong server-side programming skills using Node.js or other back-end languages.

  • Node.js
  • Python
  • Express.js
  • API Development

    Creating and maintaining RESTful or GraphQL APIs for data communication between front-end and back-end.

  • Express.js
  • GraphQL
  • REST APIs
  • Databases

    Designing, managing, and optimizing databases, including both SQL and NoSQL.

  • MySQL
  • PostgreSQL
  • MongoDB
  • Version Control/Git

    Proficient use of Git for version control and collaboration with other developers.

  • Git
  • GitHub
  • Front-End Build Tools

    Knowledge of build tools like Webpack, Babel, and task runners.

  • Vite.js
  • Webpack
  • Web Security

    Understanding and implementation of web security best practices to protect against common vulnerabilities.

  • JSON Web Tokens (JWT)
  • OAuth
  • SSL/TLS
  • Security libraries (e.g., Helmet for Express)
  • Web Performance Optimization

    Optimizing web applications for speed and performance, including minification and lazy loading.

  • Webpack for bundling
  • minification tools (e.g., UglifyJS)
  • image optimization tools
  • lazy loading techniques
  • Agile/Scrum

    Familiarity with agile development methodologies and collaboration within cross-functional teams.

  • Jira
  • Trello
  • experience

    B.tech

    Gangoh, Saharnpur

    2018-22

    Full Stack Software Developer

    Screetract Solutions, Bengaluru

    Feb 22 - present

    contact

    Thank you for visiting my portfolio! I'm excited to connect with you. Whether you have a project in mind, want to discuss a potential collaboration, or simply have a question, I'm here to help.

    Let's Talk:

    Feel free to reach out to me via email or through the form below. I'm always open to new opportunities and conversations.

    Email: mayankpanchal1801@gmail.com