Smile Gupta
Frontend Engineer, Razorpay
Bengaluru, India
Actions
Hello 👋
I’m Smile Gupta, a Senior Frontend Engineer at Razorpay. I’m passionate about tech, especially frontend development, and I love engaging with the community. I’ve had the privilege of delivering talks and presentations at various meetups and events. I actively help students get started with Open Source contributions, Git, and frontend technologies, enabling over 3500 students to kickstart their journeys in the tech industry. I also run my own community, JSlovers, in Bangalore!
Past Speaking experiences:
I've had the incredible opportunity to speak at a variety of events, conferences, and meetups, and I'd love to share a few of the highlights:
JS Lovers Workshop of Frontend Communication Techniques:
I conducted a 6-hour hands-on workshop in March 2024, covering the basics of Express, short polling, long polling, sockets, and server-sent events.
Link: https://www.meetup.com/jslovers-bengaluru/events/299434977/
React Bangalore September 2023 Meetup:
Speaking at the React Bangalore September 2023 Meetup was an exhilarating experience! I enjoyed engaging with the local React community and sharing insights on various frontend architectures. I also shared an interesting story from Razorpay about how we’re transitioning from a monolith to microfrontends.
Link: https://www.meetup.com/reactjs-bangalore/events/295581897/
React Nexus Pre Event (React meetup #68): It was an exhilarating experience speaking at the React Bangalore July 2023 Meetup! I had the pleasure of engaging with the local React community and sharing valuable insights on how to harness the power of GitHub Actions to ensure flawless code delivery.
Link: https://www.meetup.com/reactjs-bangalore/events/294243135/
React India 2022: At React India 2022, I had the privilege of conducting a 4-hour workshop. The workshop focused on the fundamentals of animations and how to incorporate captivating animations into React applications. It was an interactive and immersive session filled with hands-on learning and practical tips.
Link: https://www.reactindia.io/speakers/smile-gupta
AWS Community Day South Asia 2021: Being able to present at AWS Community Day South Asia 2021 was truly an honor. During this event, I discussed the exciting topic of how front-end engineers can dive into AWS and Serverless technologies. I shared practical insights and guidance on getting started with AWS, highlighting its relevance and value for front-end development.
Link: https://youtu.be/Jrbriu0awGU
For more comprehensive details regarding these talks and additional speaking engagements, kindly refer to the information available at the following link:
GitHub: https://github.com/smilegupta/my-talks
Links
Area of Expertise
Topics
From Chaos to Cohesion: Building Scalable Color Systems
Color is more than just aesthetics—it's a powerful tool for communication, branding, and accessibility. But as applications grow, maintaining consistent and accessible color schemes becomes a daunting challenge. In this talk, we’ll explore how to turn the chaos of ad-hoc color choices into a cohesive, scalable color system that evolves with your product.
I’ll begin by breaking down the building blocks of a robust color system, including primary, secondary, surface, and on-colors, while highlighting their role in creating a harmonious design language.
We’ll then dive into the science of accessibility, leveraging the APCA contrast algorithm to ensure color palettes are not only visually appealing but also accessible to all users, regardless of their visual abilities.
The heart of the talk will focus on dynamic palette generation—transforming a single base color into a comprehensive theme that seamlessly supports light and dark modes. I’ll demonstrate how to achieve this with Tailwind CSS and advanced configuration techniques, allowing your color system to grow effortlessly with your product needs.
But we won’t stop at theming. I’ll show how a well-designed color system can power infographics, animations, and other UI elements, enhancing the overall user experience without compromising on performance.
Finally, I’ll share practical insights from real-world implementations, including strategies for overcoming challenges like extreme light themes and maintaining consistency across complex component libraries.
Whether you’re building a new design system or scaling an existing one, this talk will equip you with the tools and knowledge to master color at scale. Join me and learn how to transform your color game from chaotic to cohesive, creating dynamic and accessible color systems that stand the test of time.
Serverless: A Frontend Developer’s Foot into the Cloud
Getting started with AWS can seem to be very challenging especially, for frontend developers. But with the advent and rise of Serverless, it is the best time for everyone and front-end developers, in particular, to kick start their Full Stack journey.
With autoscaling, high tolerance, high availability and pay as you go billing model out of the box, Serverless is proving to be a complete game-changer. With developers only having to focus on the business logic and not worry about scale, infrastructure planning, maintenance, security patching, and many more, it has become the gateway to getting started with Cloud, the new norm.
In this session, I will be sharing my journey as a Frontend Engineer from zero AWS/Cloud knowledge to a Full Stack Engineer leveraging various Serverless services without being concerned about infrastructure, maintenance, or scale.
This session will cover the following AWS services - AWS Lambda, Amazon DynamoDB, AWS Amplify, and AWS Appsync.
The 5 WH of Animations in React
“Plain and simple is great”, but may not really be applicable for web pages. In this digital era, with better internet and faster, better modern browsers, we can do better - build interactive and beautiful websites. Animations are one way of achieving it and this talk covers the 5 WH questions - What, Why, Where, When, and How of animations in React applications!
Animations elevate the overall experience of web pages injecting a sense of motion and generating a dynamic and flowing user experience. They can be a great addition but if not done properly, can lead to performance issues, ugly, and eventually degrade the complete experience.
This workshop will cover the following aspects:
1. How to identify the apt animation framework for your application.
2. The common “Oops and Aahhs!” (mistakes) while using animations.
3. How to optimize the project bundle size using the code splitting technique
4. How to decide where and where to add different kinds of animations - CSS-based or JS-based or leverage Lottie files.
5. The common types of animations - animating elements, on scroll animations, route animations, etc.
6. The Dos and Don’ts of adding animation to your website
7. The best practices for writing animations in your code
I will also be sharing my experience building apps with animations at Razorpay and share the learnings, pitfalls, and struggles :)
Smile Gupta
Frontend Engineer, Razorpay
Bengaluru, India
Links
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top