Anaam Khuram
Verified Expert in Engineering
React Developer
Bengaluru, Karnataka, India
Toptal member since January 26, 2022
Anaam is a front-end developer using her skills in React and its ecosystem to create complex web applications for various niches—from personal portfolios to SaaS applications. With her expertise in handling complex frameworks, HTML and CSS coding, design, and extensions, she meets every organization's front-facing needs. Anaam strives to make her products effective and eye-catching.
Portfolio
Experience
Availability
Preferred Environment
Windows, Slack, Visual Studio Code (VS Code)
The most amazing...
...thing I've developed is a music player in React with all functionalities such as shuffle, play, and playlist for a sound architect's personal website.
Work Experience
Developer
5555 Media AB
- Created custom scripts to create JSON-LD schemas for various pages of the site.
- Helped with the deployment of the scripts to the WordPress site using GTM.
- Used plain JavaScript to create the scripts while also making sure they were compatible with GTM.
Senior Front-end Developer
Lake Elizabeth Sand Bar LLC
- Added TypeScript to the project to enhance the developer experience.
- Added a Google Maps embed for the restaurant address with custom colors and a custom pin.
- Added some simple animations, a lightbox gallery, etc.
- Updated the site from a Next.js Pages Router to an App Router.
Front-end Senior Software Engineer
URBINT, INC.
- Integrated the client's APIs with Power BI along with API key authentication, auto refresh scheduling, and incremental updates so that the client's customers can generate their own custom reports using the client's API.
- Integrated and embedded Power BI reports into the web application using service principal authentication.
- Tracked and fixed multiple bugs using Jira as the issue manager.
- Implemented multiple features that required working with REST APIs, GraphQL APIs, functional programming, etc.
- Fixed UI bugs related to multi-step forms that were ensured to be responsive and cross-browser compatible.
Front-end Developer
Haystack Insights Inc.
- Added new features to the existing web application with API integration and UI.
- Restyled the UI components and layout and improved them based on new designs.
- Fixed multiple bugs related to API integration and UI.
Senior Front-end Engineer
Tinloof GmbH
- Worked as a senior front-end engineer on a project called Petratools.
- Migrated a Shopify store to a custom storefront using Remix and Hydrogen.
- Integrated Shopify products with Sanity and created modular structured dynamic pages.
- Implemented the complete design using Tailwind CSS.
- Used Algolia for implementing search, filtering, and sorting.
Senior Front-end Engineer
Tinloof GmbH
- Worked on a project called Goalimpact, created using Remix, Sanity CMS, Supabase, and Stripe.
- Created the entire front end and back end for the site.
- Integrated authentication and database (with more than a million players) with Supabase.
- Created the structure for modular pages with Sanity CMS.
- Added eCommerce subscription functionality by integrating with Stripe.
- Implemented a complex payment model with Stripe where a high one-time payment was charged for the first buy and subsequent lower subscription payments. The model also depended on the number of players a user is subscribed to.
- Created charts in the front end using Apache ECharts.
- Added search functionality with Algolia and configured webhooks for automatic updation.
React Expert
RBW Studio LLC
- Developed various new features while integrating tools like Firebase, Sanity Snipcart, etc.
- Added and modified modules for creating dynamic modular pages through Sanity.
- Fixed multiple styling and responsiveness issues. Also, implemented new UIs.
- Integrated Firebase Authentication and used Firebase functions for various purposes like form collection, tracking, etc.
- Integrated various analytical tools and correctly configured them like GA, etc.
Lead Front-end Developer
Tyke Technologies Pvt. Ltd.
- Developed a complete fintech app's front-end from scratch in three months.
- Added an authentication system for two different types of users.
- Created user dashboards along with the analytical charts and detailed investment portfolio details.
- Optimized the site for SEO using meta tags, server-side rendering, image optimizations, and speed optimizations.
- Created multi-step sign-up flows for user onboarding. Managed access restrictions based on the percentage of onboarding completed.
- Implemented a fully functional rich text editor stored as HTML and rendered the same in other pages.
Front-end Developer
Freelance
- Developed a complete portfolio website for a game sound designer with headless CMS, custom-made music player, and videos from Vimeo.
- Built the movie search app entirely in React, used the OMDb API to fetch movie data from search, added the option to check or uncheck the movie nomination, and completed the website design.
- Used GSAP to add scroll transitions and animations to the website.
- Created a map of Munich in SVG using Adobe Illustrator and added tooltips using JavaScript on hover.
- Built a custom component with hover interactions and used jQuery to add them to a human model that showed various muscles in the body.
Experience
Goalimpact Website
https://goalimpact.comThe model that I implemented with Stripe was a complicated one where:
• The first-time payment was charged for the first buy, and the subsequent subscription amount was a percent of that amount.
• This also varied based on the number of players a user was subscribed to.
The search functionality was implemented using Algolia, where I configured webhooks for automatic updating. Further, I integrated the website with Sanity to create dynamic modular pages.
Petratools Website
https://petratools.com• Migrated the Shopify store to a custom storefront using Remix and Hydrogen.
• Integrated Sanity and Algolia with the products with automatic updation for easier content management and faster search, filtering, and sorting.
• Integrated dynamic modular pages with Sanity CMS.
• Created the entire UI from scratch using Tailwind and React.
Marketing Website for a Career Coach
https://design.anaam.ioThe site also has integrated payment gateways like Razorpay and videos using Wistia. The SEO is optimized, and it is responsive and performant.
Overall, it's a beautiful website focused on conversion.
RBW Website
http://rbw.comAlso, I integrated the website with tools like Firebase Authentication, Snipcart, Firebase Functions, Sanity, etc.
Portfolio Website for a Sound Architect
http://www.blancagaudio.com/• Six custom click effects, each showing different cool effects that enable users to change them; ensured that the effects didn't work on things
like links and buttons.
• Completely custom-made music player with a different route for each song, remembered play state on song change, auto-play on song change, playlist functionality, smooth seeking, volume change, shuffle, and repeat.
Furthermore, I used a headless CMS for the content and custom sizing possibility, customized the CMS with Sanity.io, optimized the site for performance and responsiveness on the mobile, tablet, and desktop, ensured cross-browser compatibility, and created custom scrollbars.
React Table with a Star Wars API Implementation
https://star-wars-table.netlify.app/Turtle CSS Art
https://turtle-css-art.netlify.app/Education
Bachelor's Degree in Computer Science
Akkamahadevi Women's University - Vijaypur, Karnataka, India
Skills
Libraries/APIs
React.js, React.js, Stripe Development, Formik, React.js, React Query, Context API, React Hook Form, CSS, Lodash, Auth, Mapbox GL, REST API, Chart.js, Stripe Development, React Testing Library, Recharts, AG Grid, Node.js, jQuery, Playwright, Apollo Client, Google Maps Development, Google Maps Development, Turtle
Tools
Slack Development, GitHub, React.js, NPM, Figma, Webpack, Create React App, Git, Jira, Stripe Development, Make, Postman, TanStack Router, Redux Toolkit, Power BI, Business Intelligence Development, React Apollo, Nginx
Languages
JavaScript, CSS, HTML, Sass, TypeScript, SCSS, HTML5, ECMAScript 6, CSS3, SQL, GraphQL
Frameworks
Next.js, Material UI, Redux, Tailwind CSS, Remix, MUI CSS, Jest
Paradigms
Code Refactoring, Asynchronous Programming, SEO, Responsive Web Design, On-page SEO, Responsive Web Design, Agile Development, REST, Agile Development, UI Design, UX Development, Testing, Functional Programming, Functional Reactive Programming
Platforms
Visual Studio Development, Firebase, Algolia, Mapbox, Sanity Studio, Vercel, Mixpanel, Animation Development, Shopify, Docker, AWS
Storage
JSON, Firestore, JSON-LD, PostgreSQL
Other
Styled-components, GatsbyJS, Web Development, Front-end, Data Visualization, Checkout, Web Development, Supabase, Charts, Landing Pages, Pixel Perfect, UI Development, Frameworks, PDF, Axios, Storybook, Front-end Development, Server-side Rendering (SSR), HTML UI, Application State Management, UI Development, Design Systems, Front-end Architecture, API Integration, Transitions, Dashboard, Cross-browser Compatibility, Responsive Design, CSS Animations, Responsive Web Development, Software Engineering, Single-page Applications (SPAs), Component Libraries, Responsiveness, Headless CMS, Payment Gateways, Technical SEO, Website Audits, Version Control, Web Application, SaaS, Minimum Viable Product (MVP), Content Management Systems (CMS), UI Development, Web Dashboards, E-commerce Development, E-commerce marketing, Headless Commerce, Headless Software, Full-stack, UX Development, Maps, Graphs, Right-to-Left (RTL) Scripts, RTL, Arabic Typography, Design, SEO Tools, Mobile First Design, APIs, Front-end Design, CSS, Animation Development, Analytics Development, Code Review, SVG Animation, Vite, React Server Components, i18n, Strapi, Firebase Cloud Functions, Architecture, Framer, Full-stack, Internationalization, Multi-language Support, SVG Design, Google Sign-in, Sales Funnel Strategy, Payment APIs, Zustand, Schema.org, Google Tag Manager
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring