Prashant Sani

Frontend Engineer

Bengaluru, Karnataka, India6 yrs 9 mos experience
AI Enabled

Key Highlights

  • 14 years of experience in frontend development.
  • Led cross-functional teams with a focus on inclusion.
  • Recognized for exceptional user experiences and technical innovation.
Stackforce AI infers this person is a Frontend Engineer specializing in B2C web applications with a strong focus on user experience.

Contact

Skills

Core Skills

Front-end DevelopmentJavascriptUser Experience (ux)Project Management

Other Skills

AIAccessibilityAdobe PhotoshopBehavioural InterviewingCSS AnimationsCSS3Candidate AssessmentCascading Style Sheets (CSS)Chat GPTCode ReviewConfluenceCursor AIDocumentationDreamweaverECMAScript

About

A seasoned Frontend Engineer with over 14 years of experience in building high-performance websites. I am known for blending technical expertise with design and creating exceptional user experiences. Throughout my career, I've excelled as both an individual contributor and a team lead (UI/Frontend). Core strengths include: - Transforming complex design requirements into scalable frontend architectures - Leading cross-functional remote teams with strong emphasis on inclusion 🏳️‍🌈 - Bridging gap between design and development through innovative design-centric solutions and attention to detail - A self-driven learner with a passion for web - Successfully delivered projects for major brands including Verizon, ClearTax, and Croma, consistently receiving recognition for exceptional user experiences and technical innovation.

Experience

6 yrs 9 mos
Total Experience
1 yr 8 mos
Average Tenure
--
Current Experience

Interaction design foundation (ixdf)

Lead Frontend/UI Developer (Contract)

Apr 2024Nov 2024 · 7 mos · Remote

  • Lead Responsibilities: I laid guidelines and strategies for entire Frontend of the product, from PR Creation, to production bugs (Bugsnag), to redesign. Also, I collaborated with product manager to understand feature requirements and ensure technical feasibility.
  • Successfully migrated frontend to modern technologies; including, implementation of Web Components, and optimising animations for GSAP, etc. I optimised build process by Transitioning to Vite (from Webpack), and removed redundant CI/Github Actions.
  • Collaborated with Visual design team to create design system in Figma and Tailwind.
  • Tech Stack: Laravel (Blade Template Engine), Figma, JavaScript, Vite, Tailwind
JavaScriptViteTailwindFigmaAccessibilityFront-End Development

Publicis sapient

Lead Experience Engineer

Apr 2023Nov 2023 · 7 mos · Bengaluru, Karnataka, India · Hybrid

  • Lead Responsibilities: I bridged the gap between business & developers by gathering requirements, creating process and documentation.
  • I mentored junior developers, reviewed Pull Requests and collaborated with designers to translate wireframes into NextJS UI components, mainly for Verizon’s PDP/Product Pages.
  • Tech Stack: NextJS, React, Redux, Micro frontend, Module Federation, Generative AI, Storybook, Redux Saga, JamStack, Node JS, Middleware, Prompt Engineering, Shadcn
NextJSReactReduxGenerative AIStorybookFront-End Development+1

Altimetrik

Senior Staff Engineer – Product and Platform Engineering

Oct 2020Apr 2023 · 2 yrs 6 mos · Bengaluru, Karnataka, India

  • Conducted over 250 Technical Interviews and received appreciation email by recruitment team for providing extensive feedback on interview evaluations
  • Mentored junior employees, reviewed PR(s) and gave annual performance review for junior employees with points of improvement
  • Received "GEM Award" for productivity & innovation in Sept 2021 & Dec 2022
  • Utilised Test Driven Methodology to develop features, achieving test coverage of approximately 95% of the codebase with Jest and React Testing Library. Additionally, authored integration tests for the implemented features
  • Received client appreciation for inclusive collaboration and rapid mastery of new technologies, including learning TypeScript in just 2 weeks
  • Chat Bot Team: I collaborated with US & India teams to develop a Chat-bot MVP. My Contributions were not just code related but I also provided comprehensive documentation to enhance team collaboration and productivity
  • CCTA Team: Lead a team of 3 frontend engineers for CCTA Project. Individually worked on building and launching 6 React JS Apps to production in a year's time
  • Operations Team: Launched 2 Critical Apps (with Figma designs) in a span of 2 months
  • Tech Stack: React, Redux, Saga, Thunk, Next, Vite, Vue, React Testing library, Jest, Gatsby, Style guide, Storybook, JamStack, Web GL, Three JS, Design Systems, Interface Observer API, Web Sockets, CSS [Grids, Flexbox, Animations], SVG, Tailwind, TypeScript
  • Tools: AWS, Figma, Digital Ocean, Git, Jira, Confluence (Documentation)
ReactReduxJestTypeScriptGatsbyFront-End Development+1

Frescano group

Senior Software Engineer - UI

Jun 2020Sep 2020 · 3 mos · Bengaluru, Karnataka, India

  • I worked as a Senior Front-end developer managing a Jamstack Website. Most of my work revolved around building features using React JS, Redux, and Redux Saga.
JavaScriptReactReduxFront-End DevelopmentUser Experience (UX)

Self employed

Sr. Front-end Developer

Sep 2018May 2020 · 1 yr 8 mos · Bengaluru, Karnataka, India

  • Worked exclusively on building React JS Applications as a freelancer and consulted on on building Design Systems using Storybook. During this phase, I built dynamic websites using Gatsby, Wordpress and Ghost (blogging platform).
  • Used Gatsby’s createPage API to dynamically generate pages from JSON data for various websites
  • I also built animated engaging UX Websites for Fortnite Maps, We Virtually Are
  • Tech Stack: Greensock, Ghost, PHP, WordPress, CSS [Grids, Animation, Flexbox], SVN, Git Tailwind, Webpack, Post CSS, Parcel, Bootstrap, Gatsby, React, Redux, Docker
JavaScriptGatsbyWordPressFront-End DevelopmentUser Experience (UX)

Purepoint

Front-end Developer

Nov 2017Aug 2018 · 9 mos · Remote

  • Worked on adding features to an existing product based website
  • Helped documenting README and an existing Style Guide
  • Learnt Soft-skills to work remotely in a distributed team
  • Technology stack: Ruby on Rails, SCSS, Git, Jekyll and NodeJS
Ruby on RailsSCSSJavaScriptFront-End Development

Cleartax india

Front-end Consultant

Jul 2017Aug 2017 · 1 mo · Bengaluru, Karnataka, India

  • I built design system for GST platform in mere 2 months, collaborating closely with design and engineering teams to align React Storybook with Sketch Design
FigmaReactStorybookFront-End Development

Self employed

Frontend Designer and Developer

Dec 2014Aug 2017 · 2 yrs 8 mos · Mumbai

  • During my freelance journey, I created award-winning animated parallax websites. Keeping progressive enhancement in mind, my primary focus was on crafting static websites and integrate them with various APIs like Contentful, YouTube , Google Maps, etc. I measured performance using Google’s PageSpeed and Lightbox and optimised Critical Rendering Path for several websites.
  • My Portfolio Website [ http://prashantsani.com ] I developed, wrote content, art directed, laid down UX and co-designed the site. I wrote an article documenting how I made the entire website load in mere 3 seconds. The website received many design gallery awards and featured in several blogposts
  • ClearTax (Clear), Front-end Developer Consultant : I built design system for GST platform in mere 2 months, collaborating closely with design and engineering teams to align React Storybook with Sketch Design
  • AG Event [http://ag-event.com/]: Since flash projects were not compatible and this project required iPad compatibility, I exported animations from flash to JavaScript using CreateJS. We used History API to update URL(s) and stored data in static JSON file
  • HackerBay [ https://prashantsani.com/projs/hackerbay/ ]: For this website, I managed to creatively mask a video as a text fill using SVG masks
  • eScapeGoat [ Case Study ]: I used my design skills to reduce the size of SVG elements from 12MB to 1MB for this site. Some of these techniques involved cleverly merging using Illustrator’s paths, grouping and simplifying them, removing unwanted groups, etc.
  • Croma Dream Home [ Case Study ]: Croma is one of the biggest electronic brands in India and I developed the frontend for one of their festive campaigns. The site used Handlebars to convert static JSON data to client-side HTML
  • 🔗 More Case Studies: https://prashantsani.com/#portfolio
JavaScriptSVGProgressive Web Applications (PWAs)Front-End DevelopmentUser Experience (UX)

Yellow slice

Frontend Developer

Feb 2011Jul 2014 · 3 yrs 5 mos · Mumbai, India

  • At Yellow Slice, an award-winning design agency in Mumbai, I honed my skills in website development using HTML, CSS, and JavaScript. I gained deep insights into design principles such as UX, colours, typography, and layout. Additionally, I learned how to incorporate contextual animations to enhance user interface interactions. Our team prioritised adherence to SEO best practices and ensured compliance with W3C standards and accessibility semantics (WAI ARIA). We created websites for top brands like Croma, YCL, and HAL, winning numerous awards.
  • Tech Stack: SCSS, Bootstrap, Foundation, Style Guides, jQuery, Template libraries (Handlebars, jQuery Template), History (Push state), Grunt, Git, Photoshop, Illustrator
JavaScriptCSS3User Experience (UX)Front-End Development

Education

H.R. College of Commerce and Economics

Bachelor of Commerce (BCom)

Jan 2004Jan 2009

Stackforce found 100+ more professionals with Front-end Development & Javascript

Explore similar profiles based on matching skills and experience