Anaam is currently unavailable
Anaam Khuram
Verified Expert in Engineering
React Developer
Bengaluru, Karnataka, India
Toptal member since January 26, 2022
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
Wiser Life
JavaScript, Node.js, Content Management Systems (CMS), PostgreSQL, Next.js...
Krystle Berry
TypeScript, Next.js, React, JavaScript, MongoDB, Stripe, Socket.IO, Node.js...
Establishment LAMAR AL-AWLA For Information Technology
Full-stack Development, React, Front-end Development, Back-end Development...
Experience
- Tailwind CSS - 5 years
- JavaScript - 5 years
- TypeScript - 5 years
- Next.js - 5 years
- React - 5 years
- Full-stack - 3 years
- Headless Software - 2 years
- React Redux - 2 years
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
Full-stack Developer
2025 - 2026
Wiser Life
- Built a Next.js 16 and Payload CMS 3 monorepo for an interview-focused content platform with a clean separation between front end and CMS concerns.
- Organized the codebase into two Turborepo workspaces to improve modularity and team-level maintainability.
- Implemented a build pipeline that ran Payload migrations before Next.js builds, reducing schema drift risk during deployments.
- Established automated quality gates with linting, formatting, type checks, Vitest integration tests, and Playwright E2E coverage.
- Authored architecture and code-style documentation that clarified stack decisions, data flow, and engineering conventions.
- Enforced TypeScript-first patterns and shared configuration practices to improve consistency across app and package boundaries.
Technologies: JavaScript, Node.js, Content Management Systems (CMS), PostgreSQL, Next.js, Headless CMS, React, CI/CD Pipelines, Vercel, REST APIs, Payload CMS, Shadcn, TypeScript, Tailwind CSS, Framer Motion, UI Animation, CSS Animations, Turborepo, Monorepos, Bun, ESLint, Prettier, Vitest, Playwright, E2E Testing, Unit Testing
Next.js and Express Full-stack Developer
2025 - 2025
Krystle Berry
- Reviewed and fixed all code written by AI to ensure the product works smoothly.
- Integrated Stripe for subscriptions with payments, webhooks, and client portals for subscription management.
- Added a social network feature where users could add friends and followers and message each other or be part of groups.
- Added an admin panel for users, badges, and challenge management.
- Added gamification features like points, levels, leaderboards, badges, etc.
Technologies: TypeScript, Next.js, React, JavaScript, MongoDB, Stripe, Socket.IO, Node.js, Express.js, JSON Web Tokens (JWT), Authentication, Redis Queue, Messaging, Email, Mailchimp API, Mailchimp, React Email, Gamification, BullMQ, Software Architecture, Turborepo, Zod, Prettier, WebSockets, Framer Motion, AI Tools, Subscriptions, MERN Stack, Email Marketing Automation, Async/Await, Database Transactions, Docker, Markdown, Performance Optimization, Database Schema Design, Railway, Role-based Access Control (RBAC), Contentful, Core Web Vitals, SaaS, Social Networks, Coding
Full-stack Developer
2025 - 2025
Establishment LAMAR AL-AWLA For Information Technology
- Created a dashboard to help their clients visualize their AI voice assistant usage in just a month.
- Added authentication and authorization for multi-tenant users (users belonging to multiple organizations).
- Developed an admin console to add and manage organizations and users.
- Designed and managed a PostgreSQL database for optimal storage and retrieval.
- Created data visualizations using Recharts in the form of bar graphs, pie charts, and more.
- Designed a UI to help clients manage the flow of AI assistant conversations using React Flow, enabling drag and drop, node creation and deletion, and node connection management.
- Managed a monorepo with shared linting, types, and other resources for the front end, back end, and temporal workers.
Technologies: Full-stack Development, React, Front-end Development, Back-end Development, Design, User Interface (UI), JavaScript, Node.js, TypeScript, Tailwind CSS, Shadcn, Drizzle ORM, PostgreSQL, Databases, REST APIs, Authentication, Authorization, Multitenancy, Data Visualization, Tables, React Flow, CSV Export, SQL, Indexing, Monorepos, Radix UI, Back-end, Front-end Build Tools, Software as a Service (SaaS), Google Cloud Platform (GCP), Drizzle, CI/CD Pipelines, Full-stack, Amazon S3 (AWS S3), OpenAPI, Swagger, Grafana, GitHub Actions, ESLint, API Development, Database Design, Cloud, Turborepo, Zod, Prettier, Framer Motion, AI Tools, B2B, Async/Await, Database Transactions, Docker, Markdown, Relational Databases, Google Cloud, Database Schema Design, Role-based Access Control (RBAC), SaaS, Multi-tenant SaaS, Coding, Express.js
Front-end Developer
2025 - 2025
Baway LLC
- Created the company website in Framer using the provided template while ensuring seamless responsiveness.
- Added an affiliate registration page using Next.js to the website with integration with Supabase to save the details.
- Configured OTP verification of phone numbers and emails in the affiliate form.
- Created an admin page to manage the accessible affiliates using Supabase Auth.
- Created a landing page for another of their products (https://linkalot.net) in Next.js.
- Added UI animations to the Linkalot landing page with Framer Motion.
- Created a funnel for capturing leads in Linkalot via multistep question pages.
- Used Sanity CMS for content management and internationalization.
Technologies: HTML, CSS, Landing Pages, User Interface (UI), User Experience (UX), Framer, Framer Motion, Next.js, Tailwind CSS, Shadcn, TypeScript, DNS, Hosting, Vercel, Supabase, Supabase Auth, Resend, Sanity Studio, Internationalization, DevOps, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Monorepos, Drizzle ORM, Radix UI, Back-end, Front-end Build Tools, Drizzle, Security, CI/CD Pipelines, Full-stack, Amazon S3 (AWS S3), Grafana, REST APIs, GitHub Actions, ESLint, API Development, Database Design, Cloud, Software Architecture, Turborepo, Zod, Prettier, AI Tools, B2B, Email Marketing Automation, Async/Await, Database Transactions, SQL, Docker, PostgreSQL, Node.js, Performance Optimization, Relational Databases, Page Speed Optimization, Database Schema Design, Role-based Access Control (RBAC), Contentful, Core Web Vitals, Technical Architecture, Coding
Web Developer
2025 - 2025
Eauforte LLC
- Migrated the entire company's functions, including emails and team members, from one Google Workspace to another.
- Deployed and configured the DNS for their website, ensuring email functionality remains working as well.
- Added SEO features to their site for better Google ranking.
Technologies: HTML, CSS, Search Engine Optimization (SEO), JavaScript, DNS Configuration, Google Workspace, Prettier, Email Marketing Automation, Coding
Full-stack React and Node.js Developer
2024 - 2025
Peanut Butter & Jelly Kinder College LLC
- Architected a full solution and shared an architecture document with the client.
- Ensured HIPAA compliance by utilizing compliant tools and making sure data privacy is followed at the utmost level.
- Helped client minimize costs by researching and advising on budget-friendly cloud tools and deployment options.
Technologies: HTML, CSS, Node.js, TypeScript, Google Workspace, React, Amazon S3 (AWS S3), PostgreSQL, Docker, Square Payment Gateway, Vite, TanStack Router, Hono, Drizzle, Architecture, HIPAA Compliance, QR Codes, Payment APIs, BullMQ, Software Architecture, Turborepo, Zod, Prettier, Figma, Email Marketing Automation, Async/Await, Database Transactions, SQL, Amazon Web Services (AWS), Relational Databases, Database Schema Design, Role-based Access Control (RBAC), Technical Architecture, Multi-tenant SaaS, Coding
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, UX Design, Web App Development, Data Analytics, DNS Configuration, Google Analytics, Web, CSV, Web Security, Agile Software Development, Figma to HTML, Website Integration, Tesseract, Webhooks, OAuth, JSON Web Tokens (JWT), Authentication, DevOps, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Containerization, Monorepos, Figma to React, Radix UI, React Flow, Front-end Build Tools, Software as a Service (SaaS), Drizzle, CI/CD Pipelines, Amazon S3 (AWS S3), REST APIs, ESLint, Cloud, Turborepo, Zod, Prettier, Figma, Framer Motion, AI Tools, B2B, Email Marketing Automation, Async/Await, Database Transactions, Relational Databases, Page Speed Optimization, Contentful, Core Web Vitals, SaaS, Multi-tenant SaaS, Coding
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, Web App Development, DNS Configuration, Web, Google, Prettier, Async/Await, Coding
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, UX Design, DNS Configuration, Google Analytics, Web, Website Design, Google, RESTFul APIs, React Hooks, ESLint, Emotion, Prettier, Async/Await, Performance Optimization, Page Speed Optimization, Core Web Vitals, Coding
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, UX Design, Web App Development, Data Analytics, Web, CSV, Web Security, Agile Software Development, Figma to HTML, Website Integration, JSON Web Tokens (JWT), Authentication, RESTFul APIs, React Hooks, UI Frameworks, Containerization, Figma to React, ESLint, Emotion, Zod, Prettier, Figma, B2B, Async/Await, Multi-tenant SaaS, Coding
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, Web App Development, Data Analytics, Web, CSV, Web Security, Agile Software Development, Figma to HTML, Webhooks, JSON Web Tokens (JWT), Authentication, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Monorepos, Figma to React, Front-end Build Tools, Software as a Service (SaaS), CI/CD Pipelines, REST APIs, ESLint, Emotion, Zod, Prettier, Subscriptions, B2B, Async/Await, Coding, Express.js
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, Web App Development, DNS Configuration, Google Analytics, Web, Website CMS, Web Security, Agile Software Development, Figma to HTML, Google, Website Integration, Webhooks, OAuth, JSON Web Tokens (JWT), Authentication, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Figma to React, Front-end Build Tools, Software as a Service (SaaS), Security, Amazon S3 (AWS S3), ESLint, API Development, Database Design, Video Uploading, Videos, Video Processing, Payment APIs, Zod, Prettier, GraphQL, Email Marketing Automation, Async/Await, Database Transactions, Performance Optimization, Relational Databases, Page Speed Optimization, Database Schema Design, Role-based Access Control (RBAC), Contentful, Core Web Vitals, Coding
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, UX Design, Web App Development, Data Analytics, DNS Configuration, Google Analytics, Web, Website CMS, Web Security, Agile Software Development, Figma to HTML, Google, Website Integration, Webhooks, OAuth, JSON Web Tokens (JWT), Authentication, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Figma to React, Front-end Build Tools, Software as a Service (SaaS), Security, Amazon S3 (AWS S3), ESLint, API Development, Database Design, Video Uploading, Video Processing, Payment APIs, Zod, Prettier, Subscriptions, Async/Await, Database Transactions, Performance Optimization, Relational Databases, Page Speed Optimization, Database Schema Design, Role-based Access Control (RBAC), Contentful, Core Web Vitals, Multi-tenant SaaS, Coding
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, Web Content Accessibility Guidelines (WCAG), Back-end Development, Netlify, Large-scale Projects, Responsive UI, Back-end, Video Streaming, Hosting, UI Development, Quality Assurance (QA), Animation, Web App Development, DNS Configuration, Google Analytics, Web, Website CMS, Web Security, Website Design, Agile Software Development, Figma to HTML, Google, Website Integration, Webhooks, JSON Web Tokens (JWT), Authentication, RESTFul APIs, React Hooks, Figma to React, Front-end Build Tools, ESLint, Video Uploading, Videos, Cloud, Payment APIs, Emotion, Prettier, GSAP, MongoDB, MERN Stack, Async/Await, Google Cloud Platform (GCP), Performance Optimization, Static Site Generators, Core Web Vitals, Coding
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), Web Content Accessibility Guidelines (WCAG), WYSIWYG Web Builders, D3.js, Redis, Large-scale Projects, Responsive UI, Startups, Fintech, UI Development, Quality Assurance (QA), TanStack Table, Web App Development, Data Analytics, DNS Configuration, Google Analytics, Web, Website CMS, CSV, Agile Software Development, Figma to HTML, JSON Web Tokens (JWT), Authentication, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Figma to React, Front-end Build Tools, Software as a Service (SaaS), Amazon S3 (AWS S3), ESLint, Payment APIs, Emotion, Prettier, GSAP, MongoDB, MERN Stack, Email Marketing Automation, Async/Await, Database Transactions, Node.js, Page Speed Optimization, Role-based Access Control (RBAC), Multi-tenant SaaS, Coding, Express.js
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, Web App Development, DNS Configuration, Google Analytics, Web, Website CMS, Cloudflare, MySQL, Google, RESTFul APIs, React Hooks, REST APIs, ESLint, API Development, Videos, Prettier, Async/Await, Static Site Generators, Page Speed Optimization, Coding
Experience
Goalimpact Website
https://goalimpact.comCreated the entire website from scratch, including the front and back end, where the back end involved tools like Supabase for authentication and database, which involved more than a million players' data and 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.
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.
Petratools Website
https://petratools.comFor 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.
• 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.
RBW Website
http://rbw.comI 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.
Also, I integrated the website with tools like Firebase Authentication, Snipcart, Firebase Functions, Sanity, etc.
Linkalot
I created a landing page and lead capture funnel for Baway's product, Linkalot. I used Next.js along with Framer Motion to create a high-performance and fluid user experience. I also created a funnel flow using multistep pages. I used Sanity for content management and internationalization.
Baway Website
I developed a high-impact landing page for Baway using Framer. This project focused on creating a visually appealing and functional online presence to boost user engagement and achieve business goals.
Personal Portfolio
https://anaam.ioMy personal portfolio was created with React, Next.js, and Tailwind CSS. I also used Canvas for a cool background animation, an SVG globe, etc. I optimized for SEO by ensuring good page speed, meta tags, OG titles, descriptions, images, etc.
Portfolio Website for a Sound Architect
https://www.blancagaudio.comI 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 content and custom sizing, customized the CMS with Sanity.io, optimized the site for performance and responsiveness across mobile, tablet, and desktop, ensured cross-browser compatibility, and created custom scrollbars.
• 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 content and custom sizing, customized the CMS with Sanity.io, optimized the site for performance and responsiveness across mobile, tablet, and desktop, ensured cross-browser compatibility, and created custom scrollbars.
Marketing Website for a Career Coach
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 includes integrated payment gateways like Razorpay and Wistia videos. The SEO is optimized, and it is responsive and performant.
Overall, it's a beautiful website focused on conversion.
The site also includes integrated payment gateways like Razorpay and Wistia videos. The SEO is optimized, and it is responsive and performant.
Overall, it's a beautiful website focused on conversion.
Education
2017 - 2020
Bachelor's Degree in Computer Science
Akkamahadevi Women's University - Vijaypur, Karnataka, India
Skills
Libraries/APIs
React, React Redux, Stripe API, REST APIs, Formik, React Router, React Query, Context API, Stripe, React Hook Form, Flexbox, Lodash, Node.js, TanStack Table, Framer Motion, React Flow, Drizzle, OpenAPI, API Development, Zod, Auth, Mapbox GL, Chart.js, React Testing Library, Recharts, AG Grid, D3.js, Shopify API, Vimeo API, Emotion, GSAP, jQuery, Playwright, Apollo Client, Google Maps SDK, Google Maps, Turtle, Socket.IO, Redis Queue, Mailchimp API
Tools
Slack, Figma, GitHub, Git, JSX, NPM, Shadcn, Google Analytics, Figma to HTML, Drizzle ORM, Front-end Build Tools, Prettier, Webpack, Create React App, Jira, Stripe Checkout, Make (formerly Integromat), Postman, TanStack Router, Redux Toolkit, Docker Compose, Prisma, Claude, Zapier, Grafana, Mailchimp, Ngrok, Power BI Embedded, Microsoft Power BI, React Apollo, NGINX, Canvas 2D, Google Workspace, React Email, Vitest
Languages
SQL, JavaScript, CSS, HTML, Sass, TypeScript, SCSS, GraphQL, HTML5, ECMAScript (ES6), CSS3, Markdown
Frameworks
Next.js, Material UI, Redux, Tailwind CSS, Remix, MUI CSS, Express.js, JSON Web Tokens (JWT), Swagger, Jest, Payload CMS
Paradigms
Code Refactoring, Asynchronous Programming, Search Engine Optimization (SEO), UX Design, Responsive Web Design (RWD), On-page SEO, Responsive, Hosting, Agile Software Development, B2B, Role-based Access Control (RBAC), Agile Workflow, REST, Agile, UI Design, Testing, Unit Testing, DevOps, Database Design, HIPAA Compliance, Functional Programming, Functional Reactive Programming, Gamification, E2E Testing
Platforms
Visual Studio Code (VS Code), Firebase, Algolia, Mapbox, Docker, Sanity Studio, Netlify, Web, Contentful, Amazon Web Services (AWS), Vercel, Mixpanel, Google Cloud Platform (GCP), GreenSock Animation Platform (GSAP), Shopify, Linux, Arch Linux
Storage
JSON, Cloud Firestore, JSON-LD, PostgreSQL, MySQL, MongoDB, Database Transactions, Relational Databases, Redis, Elasticsearch, Databases, Amazon S3 (AWS S3), Google Cloud
Industry Expertise
Web Design
Other
Styled-components, Gatsby, Websites, Front-end, Data Visualization, Checkout, Web Development, Supabase, Charts, Full-stack, 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, Vite, Single-page Applications (SPAs), Component Libraries, Responsiveness, Strapi, Headless CMS, Payment Gateways, Technical SEO, Website Audits, Version Control, Web Applications, SaaS, Minimum Viable Product (MVP), Supabase Auth, Responsive UI, Back-end, Startups, DNS, Email, UI Development, Quality Assurance (QA), Animation, Cursor AI, Web App Development, Data Analytics, DNS Configuration, Website CMS, CSV, Google, Website Integration, Webhooks, Authentication, Proof of Concept (POC), RESTFul APIs, React Hooks, UI Frameworks, Monorepos, Figma to React, Radix UI, Software as a Service (SaaS), ESLint, Messaging, Software Architecture, Turborepo, AI Tools, Subscriptions, MERN Stack, Email Marketing Automation, Async/Await, Performance Optimization, Page Speed Optimization, Database Schema Design, Core Web Vitals, Coding, Content Management Systems (CMS), UI Animation, Web Dashboards, Shopping Carts, eCommerce, Headless Commerce, Headless Software, User Experience (UX), Maps, Graphs, Right-to-Left (RTL) Scripts, RTL, Arabic Typography, Design, SEO Tools, Mobile First, Front-end Design, Payment APIs, CSS3 Animation, HTML5 Animations, Analytics, Code Review, SVG Animation, React Server Components, i18n, Firebase Cloud Functions, Architecture, Framer, Full-stack Development, Internationalization, Multi-language Support, Accessibility, Web Content Accessibility Guidelines (WCAG), Back-end Development, Large-scale Projects, Headless Shopify, Video Streaming, Vimeo, Fintech, Web Security, Cloudflare, Website Design, Tesseract, OAuth, Containerization, CI/CD Pipelines, GitHub Actions, Video Uploading, Videos, Cloud, Video Processing, BullMQ, WebSockets, Static Site Generators, Railway, Technical Architecture, Multi-tenant SaaS, Social Networks, SVG, Google Sign-in, Sales Funnel, Zustand, Schema.org, Google Tag Manager, WYSIWYG Web Builders, App UI, Resend, Performance, Authorization, Multitenancy, Tables, CSV Export, Indexing, Security, Square Payment Gateway, Hono, QR Codes, Bun
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