Anaam Khuram, Developer in Bengaluru, Karnataka, India
Anaam is available for hire
Hire Anaam

Anaam Khuram

Verified Expert  in Engineering

Bio

Anaam is a full-stack developer using her skills in React and its ecosystem to create complex web applications for various niches—from personal portfolios to eCommerce stores to SaaS applications. With her expertise in handling complex frameworks, architecture, design, and UI, she meets every organization's needs in both the front and back end. Anaam strives to make her products effective and eye-catching.

Portfolio

Condukt Ltd
React, JavaScript, Front-end Development, NGINX, Docker, Next.js, Tailwind CSS...
5555 Media AB
JavaScript, HTML, CSS, Schema.org, JSON-LD, Google Tag Manager, Technical SEO...
Lake Elizabeth Sand Bar LLC
Vercel, JavaScript, Next.js, HTML, CSS, Google Maps SDK, Google Maps...

Experience

  • Next.js - 5 years
  • React - 5 years
  • JavaScript - 5 years
  • TypeScript - 5 years
  • Tailwind CSS - 3 years
  • React Redux - 2 years
  • Headless Software - 2 years
  • Full-stack - 1 year

Availability

Full-time

Preferred Environment

Slack, Visual Studio Code (VS Code), Linux, Arch Linux

The most amazing...

...thing I've developed is a complete sports analytics SaaS where I was the sole full-stack engineer

Work Experience

React Front-end Developer

2024 - 2024
Condukt Ltd
  • Developed the main landing page website with animations and optimized it for SEO.
  • Developed the main SaaS with authentication and responsive tables with complex data types.
  • Added export options to tables to export in CSV.
Technologies: React, JavaScript, Front-end Development, NGINX, Docker, Next.js, Tailwind CSS, TypeScript, Agile, Jira, Google Cloud Platform (GCP), App UI, Accessibility, UI Development, Quality Assurance (QA), Animation, TanStack Table, Unit Testing

Developer

2024 - 2024
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.
Technologies: JavaScript, HTML, CSS, Schema.org, JSON-LD, Google Tag Manager, Technical SEO, On-page SEO, Fintech

Senior Front-end Developer

2024 - 2024
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.
Technologies: Vercel, JavaScript, Next.js, HTML, CSS, Google Maps SDK, Google Maps, Tailwind CSS, CSS Animations, UI Animation, TypeScript, Website Audits, NPM, Version Control, Responsive, Web Applications, Responsive UI, UI Development

Front-end Senior Software Engineer

2023 - 2024
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.
Technologies: React, Next.js, Tailwind CSS, Jest, TypeScript, JavaScript, Storybook, Sass, Firebase, GraphQL, Playwright, Power BI Embedded, Microsoft Power BI, Functional Programming, Functional Reactive Programming, REST APIs, Jira, Apollo Client, React Apollo, CSS Animations, Data Visualization, Postman, Software Engineering, React Hook Form, Flexbox, Lodash, Responsive Web Design (RWD), Component Libraries, AG Grid, i18n, Responsiveness, NPM, Version Control, Testing, Web Applications, SaaS, Large-scale Projects, Responsive UI, Docker Compose, UI Development, Quality Assurance (QA), Unit Testing

Front-end Developer

2023 - 2023
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.
Technologies: React, TypeScript, Tailwind CSS, Formik, Charts, Next.js, Agile Workflow, Figma, GitHub, Axios, Storybook, Front-end Development, Server-side Rendering (SSR), Jest, Docker, REST, Git, Chart.js, Agile, HTML UI, APIs, React Query, UI Components, Design Systems, Context API, Front-end Design, API Integration, Jira, Transitions, Zustand, JSON, Analytics, Dashboards, JSX, Code Review, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, React Testing Library, CSS Animations, Data Visualization, SVG Animation, Recharts, Software Engineering, React Hook Form, Flexbox, Lodash, Responsive Web Design (RWD), Single-page Applications (SPAs), Component Libraries, AG Grid, Responsiveness, NPM, Version Control, Responsive, Web Applications, SaaS, D3.js, Responsive UI, Docker Compose, Startups, UI Development, Quality Assurance (QA), TanStack Table, Unit Testing

Senior Front-end Engineer

2023 - 2023
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.
Technologies: React, Next.js, Content Management Systems (CMS), Tailwind CSS, Shopify, Algolia, SVG, HTML5, Slack, Visual Studio Code (VS Code), SQL, JavaScript, CSS, HTML, Figma, Agile Workflow, TypeScript, UI Animation, Websites, Front-end, Shopping Carts, eCommerce, Headless Commerce, Headless Software, Checkout, Web Development, Auth, Full-stack, Landing Pages, Pixel Perfect, User Experience (UX), User Interface (UI), Maps, Graphs, Mapbox GL, Mapbox, Frameworks, REST APIs, GitHub, Axios, Right-to-Left (RTL) Scripts, RTL, Arabic Typography, Front-end Development, Server-side Rendering (SSR), Remix, SEO Tools, Google Sign-in, REST, Mobile First, Git, Chart.js, HTML UI, APIs, Application State Management, Front-end Design, API Integration, CSS3 Animation, HTML5 Animations, Transitions, JSON, JSX, Code Review, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, Vercel, CSS Animations, Responsive Web Apps, Software Engineering, Vite, Search Engine Optimization (SEO), Flexbox, Responsive Web Design (RWD), i18n, Responsiveness, Headless CMS, Payment Gateways, Technical SEO, On-page SEO, Sanity Studio, NPM, Version Control, Responsive, PostgreSQL, Node.js, Web Applications, SaaS, Full-stack Development, Minimum Viable Product (MVP), Internationalization, Multi-language Support, Back-end Development, Supabase Auth, Express.js, Redis, Elasticsearch, Databases, Responsive UI, Back-end, Startups, Headless Shopify, Prisma, Shopify API, Video Streaming, DNS, Hosting, UI Development, Animation

Senior Front-end Engineer

2022 - 2023
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.
Technologies: TypeScript, HTML, JavaScript, CSS, React, Web Development, Next.js, Supabase, Stripe API, Tailwind CSS, Shopify, Charts, Algolia, SVG, HTML5, Slack, Visual Studio Code (VS Code), SQL, Figma, Agile Workflow, UI Animation, Websites, Front-end, Web Dashboards, Data Visualization, Headless Software, Checkout, Auth, Full-stack, Landing Pages, Pixel Perfect, User Experience (UX), User Interface (UI), Graphs, Mapbox GL, Mapbox, Frameworks, REST APIs, GitHub, Axios, Front-end Development, Server-side Rendering (SSR), Remix, SEO Tools, Google Sign-in, REST, Git, Chart.js, HTML UI, APIs, Application State Management, Front-end Architecture, Front-end Design, API Integration, CSS3 Animation, HTML5 Animations, Transitions, JSON, Analytics, Stripe, Stripe Checkout, JSX, Code Review, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, Vercel, CSS Animations, SVG Animation, Responsive Web Apps, Software Engineering, Search Engine Optimization (SEO), Flexbox, Responsive Web Design (RWD), Responsiveness, Headless CMS, Payment Gateways, Technical SEO, On-page SEO, Sanity Studio, NPM, Version Control, Responsive, PostgreSQL, Architecture, Node.js, Web Applications, SaaS, Full-stack Development, Minimum Viable Product (MVP), Back-end Development, Supabase Auth, D3.js, Express.js, Elasticsearch, Databases, Responsive UI, Back-end, Startups, Video Streaming, DNS, Hosting, UI Development, Quality Assurance (QA), Animation, TanStack Table

React Expert

2022 - 2023
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.
Technologies: React, Shopping Carts, Content Management Systems (CMS), eCommerce, JavaScript, Headless Commerce, Headless Software, Checkout, Gatsby, Tailwind CSS, HTML5, Visual Studio Code (VS Code), CSS, HTML, Agile Workflow, Sass, UI Animation, SCSS, Firebase, Websites, Front-end, GraphQL, Web Development, Algolia, Auth, Full-stack, Landing Pages, Pixel Perfect, User Experience (UX), User Interface (UI), REST APIs, GitHub, Axios, Front-end Development, ECMAScript (ES6), SEO Tools, Google Sign-in, Git, Agile, HTML UI, Amazon Web Services (AWS), APIs, React Query, Context API, API Integration, Jira, CSS3 Animation, HTML5 Animations, Transitions, JSON, Cloud Firestore, JSX, Code Refactoring, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, React Testing Library, JSON-LD, CSS Animations, SVG Animation, Responsive Web Apps, Software Engineering, Search Engine Optimization (SEO), Flexbox, Responsive Web Design (RWD), Responsiveness, Payment Gateways, Firebase Cloud Functions, Technical SEO, On-page SEO, Website Audits, Sanity Studio, NPM, Version Control, Responsive, Framer, Web Applications, SaaS, Full-stack Development, Accessibility, WCAG, Back-end Development, Netlify, Large-scale Projects, Responsive UI, Back-end, Video Streaming, Hosting, UI Development, Quality Assurance (QA), Animation

Lead Front-end Developer

2021 - 2023
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.
Technologies: JavaScript, React, Next.js, CSS, HTML, Figma, TypeScript, Sass, React Redux, Material UI, SVG, HTML5, Slack, Visual Studio Code (VS Code), Agile Workflow, UI Animation, SCSS, Websites, Redux, Webpack, Front-end, Web Dashboards, Data Visualization, Web Development, Charts, Auth, Landing Pages, Pixel Perfect, User Experience (UX), User Interface (UI), Graphs, REST APIs, PDF, Formik, GitHub, React Router, Axios, Storybook, Front-end Development, ECMAScript (ES6), Server-side Rendering (SSR), Create React App, SEO Tools, Jest, Docker, REST, Git, Chart.js, Agile, HTML UI, Amazon Web Services (AWS), APIs, React Query, Application State Management, UI Components, Design Systems, Context API, Front-end Architecture, Front-end Design, API Integration, Jira, CSS3 Animation, HTML5 Animations, JSON, Analytics, Dashboards, JSX, Code Refactoring, Code Review, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, JSON-LD, CSS Animations, SVG Animation, MUI CSS, Responsive Web Apps, Postman, Software Engineering, React Hook Form, TanStack Router, Search Engine Optimization (SEO), Flexbox, Lodash, Responsive Web Design (RWD), Single-page Applications (SPAs), Component Libraries, AG Grid, Responsiveness, Strapi, Headless CMS, Mixpanel, NPM, Version Control, Redux Toolkit, Responsive, Architecture, Framer, Web Applications, Minimum Viable Product (MVP), WCAG, WYSIWYG Web Builders, D3.js, Redis, Large-scale Projects, Responsive UI, Startups, Fintech, UI Development, Quality Assurance (QA), TanStack Table

Front-end Developer

2020 - 2021
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.
Technologies: JavaScript, React, Content Management Systems (CMS), CSS, GreenSock Animation Platform (GSAP), SVG, jQuery, TypeScript, Sass, Tailwind CSS, HTML5, Visual Studio Code (VS Code), HTML, Styled-components, SCSS, Firebase, Websites, Webpack, Front-end, Web Development, Landing Pages, Pixel Perfect, User Interface (UI), GitHub, React Router, Axios, Front-end Development, Design, ECMAScript (ES6), Create React App, SEO Tools, Git, HTML UI, APIs, Application State Management, Context API, Front-end Architecture, Front-end Design, API Integration, JSON, Cloud Firestore, Dashboards, JSX, Asynchronous Programming, CSS3, Cross-browser Compatibility, Responsive Design, CSS Animations, SVG Animation, MUI CSS, Responsive Web Apps, Software Engineering, TanStack Router, Search Engine Optimization (SEO), Flexbox, Responsive Web Design (RWD), Single-page Applications (SPAs), Responsiveness, Headless CMS, Sanity Studio, NPM, Version Control, Responsive, Web Applications, Netlify, Responsive UI, Vimeo API, Video Streaming, Vimeo, DNS, Hosting, UI Development

Experience

Goalimpact Website

https://goalimpact.com
Created the entire website from scratch, including the front and back end. The back end involved tools like Supabase for authentication and database, which involved more than a million players' data. At the same time, I used Stripe for payment processing. I developed the front end using React and Tailwind in Remix. Also, I implemented analytical charts using Apache ECharts.

The 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.

Personal Portfolio

https://dev.anaam.io
My personal portfolio was created with React, Next.js, and Tailwind CSS. I also used Canvas for a cool background animation, SVG of the globe, contact form, etc. I optimized for SEO by ensuring good page speed, meta tags, OG titles, descriptions, images, etc.

Petratools Website

https://petratools.com
For the Petratools website, I performed the following:
• 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.io
A marketing website and sales funnel for a career coach where I designed and developed the entire site and it uses React and Next.js (App Router), Tailwind CSS, and TypeScript.

The 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.com
I worked on maintaining and updating the website and added many features like the sticky navbar, carousels for products, modular structure of product page, authentication forms, etc.

Also, I integrated the website with tools like Firebase Authentication, Snipcart, Firebase Functions, Sanity, etc.

Portfolio Website for a Sound Architect

http://www.blancagaudio.com/
I developed a portfolio website for a sound designer with the following features:
• 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/
A React website that shows a table of information fetched from SWAPI and it implements filtering and pagination and uses a canvas element to render a space-like background with moving stars and some other cool CSS animations and effects, like the Neon effect.

Turtle CSS Art

https://turtle-css-art.netlify.app/
A turtle near the water setting made entirely with CSS. It's mostly responsive and shows a message asking users to view it on a big screen when viewed from phones or tablets. It also uses Sass cleverly to render repetitive elements with less code.

Education

2017 - 2020

Bachelor's Degree in Computer Science

Akkamahadevi Women's University - Vijaypur, Karnataka, India

Skills

Libraries/APIs

React, React Redux, Stripe API, Formik, React Router, React Query, Context API, Stripe, React Hook Form, Flexbox, Lodash, Node.js, TanStack Table, Auth, Mapbox GL, REST APIs, Chart.js, React Testing Library, Recharts, AG Grid, D3.js, Shopify API, Vimeo API, jQuery, Playwright, Apollo Client, Google Maps SDK, Google Maps, Turtle

Tools

Slack, GitHub, JSX, NPM, Shadcn, Figma, Webpack, Create React App, Git, Jira, Stripe Checkout, Make, Postman, TanStack Router, Redux Toolkit, Docker Compose, Prisma, Power BI Embedded, Microsoft Power BI, React Apollo, NGINX, Canvas 2D

Languages

SQL, JavaScript, CSS, HTML, Sass, TypeScript, SCSS, HTML5, ECMAScript (ES6), CSS3, GraphQL

Frameworks

Next.js, Material UI, Redux, Tailwind CSS, Remix, MUI CSS, Express.js, Jest

Paradigms

Code Refactoring, Asynchronous Programming, Search Engine Optimization (SEO), Responsive Web Design (RWD), On-page SEO, Responsive, Hosting, Agile Workflow, REST, Agile, UI Design, UX Design, Testing, Unit Testing, Functional Programming, Functional Reactive Programming

Platforms

Visual Studio Code (VS Code), Firebase, Algolia, Mapbox, Sanity Studio, Netlify, Amazon Web Services (AWS), Vercel, Mixpanel, GreenSock Animation Platform (GSAP), Shopify, Docker, Linux, Arch Linux, Google Cloud Platform (GCP)

Storage

JSON, Cloud Firestore, JSON-LD, PostgreSQL, Redis, Elasticsearch, Databases

Other

Styled-components, Gatsby, Websites, Front-end, Data Visualization, Checkout, Web Development, Supabase, Charts, Landing Pages, Pixel Perfect, User Interface (UI), Frameworks, PDF, Axios, Storybook, Front-end Development, Server-side Rendering (SSR), HTML UI, APIs, Application State Management, UI Components, Design Systems, Front-end Architecture, API Integration, Transitions, Dashboards, Cross-browser Compatibility, Responsive Design, CSS Animations, Responsive Web Apps, Software Engineering, Single-page Applications (SPAs), Component Libraries, Responsiveness, Headless CMS, Payment Gateways, Technical SEO, Website Audits, Version Control, Web Applications, SaaS, Minimum Viable Product (MVP), Supabase Auth, Responsive UI, Startups, DNS, Email, UI Development, Quality Assurance (QA), Animation, Content Management Systems (CMS), UI Animation, Web Dashboards, Shopping Carts, eCommerce, Headless Commerce, Headless Software, Full-stack, User Experience (UX), Maps, Graphs, Right-to-Left (RTL) Scripts, RTL, Arabic Typography, Design, SEO Tools, Mobile First, Front-end Design, CSS3 Animation, HTML5 Animations, Analytics, Code Review, SVG Animation, Vite, React Server Components, i18n, Strapi, Firebase Cloud Functions, Architecture, Framer, Full-stack Development, Internationalization, Multi-language Support, Accessibility, WCAG, Back-end Development, Large-scale Projects, Back-end, Headless Shopify, Video Streaming, Vimeo, Fintech, SVG, Google Sign-in, Sales Funnel, Payment APIs, Zustand, Schema.org, Google Tag Manager, WYSIWYG Web Builders, App UI, Resend

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring