Anaam is available for hire
Hire AnaamAnaam Khuram
Verified Expert in Engineering
React Developer
Location
Bengaluru, Karnataka, India
Toptal Member Since
January 26, 2022
Anaam是一名前端开发人员，利用她在React及其生态系统中的技能，为各种利基市场(从个人投资组合到SaaS应用程序)创建复杂的web应用程序. 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
5555 Media AB
JavaScript, HTML, CSS, Schema.org, JSON-LD, Google Tag Manager
Lake Elizabeth Sand Bar LLC
Vercel, JavaScript, Next.js, HTML, CSS, Google Maps SDK, Google Maps...
URBINT, INC.
React, Next.js, Tailwind CSS, Jest, TypeScript, JavaScript, Storybook, Sass...
Experience
Availability
Full-time
Preferred Environment
Windows, Slack, Visual Studio Code (VS Code)
The most amazing...
...我在React中开发的是一个音乐播放器，具有洗牌等所有功能, play, and playlist for a sound architect's personal website.
Work Experience
Developer
2024 - 2024
5555 Media AB
- 创建自定义脚本，为站点的各个页面创建JSON-LD模式.
- 帮助使用GTM将脚本部署到WordPress站点.
- 使用纯JavaScript创建脚本，同时确保它们与GTM兼容.
Technologies: JavaScript, HTML, CSS, Schema.org, JSON-LD, Google Tag Manager
Senior Front-end Developer
2024 - 2024
Lake Elizabeth Sand Bar LLC
- Added TypeScript to the project to enhance the developer experience.
- 添加了一个谷歌地图嵌入餐厅地址与自定义颜色和自定义别针.
- 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，谷歌地图SDK，谷歌地图，顺风CSS, CSS动画，UI动画，TypeScript
Front-end Senior Software Engineer
2023 - 2024
URBINT, INC.
- 将客户端API与Power BI以及API密钥认证集成在一起, auto refresh scheduling, 以及增量更新，以便客户的客户可以使用客户端的API生成他们自己的自定义报告.
- 使用服务主体身份验证将Power BI报表集成并嵌入到web应用程序中.
- 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.
- 修复了与多步骤表单相关的UI错误，确保了响应性和跨浏览器兼容性.
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
Front-end Developer
2023 - 2023
Haystack Insights Inc.
- 通过API集成和UI向现有web应用程序添加新功能.
- 重新设计UI组件和布局，并根据新设计对其进行改进.
- 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 (SPA), Component Libraries, AG Grid, Responsiveness
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.
- 集成Shopify产品与Sanity和创建模块化结构的动态页面.
- 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, Payment Providers, Responsive Web Design (RWD), i18n, Responsiveness, Headless CMS
Senior Front-end Engineer
2022 - 2023
Tinloof GmbH
- 参与了一个名为Goalimpact的项目，使用Remix, Sanity CMS, Supabase和Stripe创建.
- Created the entire front end and back end for the site.
- 与Supabase集成身份验证和数据库(超过一百万玩家).
- Created the structure for modular pages with Sanity CMS.
- Added eCommerce subscription functionality by integrating with Stripe.
- 使用Stripe执行复杂的支付模式，即首次购买收取高额一次性费用，随后收取较低的订阅费用. The model also depended on the number of players a user is subscribed to.
- Created charts in the front end using Apache ECharts.
- 添加搜索功能与Algolia和配置的webhook自动更新.
技术: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, Payment Providers, Responsive Web Design (RWD), Responsiveness, Headless CMS
React Expert
2022 - 2023
RBW Studio LLC
- 在集成Firebase、Sanity Snipcart等工具的同时，开发了各种新功能.
- 添加和修改了通过Sanity创建动态模块化页面的模块.
- Fixed multiple styling and responsiveness issues. Also, implemented new UIs.
- 集成Firebase身份验证，并使用Firebase功能用于各种目的，如表单收集, tracking, etc.
- 整合各种分析工具并正确配置，如GA等.
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, Payment Providers, Responsive Web Design (RWD), Responsiveness
Lead Front-end Developer
2021 - 2023
Tyke Technologies Pvt. Ltd.
- 在三个月内从零开始开发了一个完整的金融科技应用程序前端.
- Added an authentication system for two different types of users.
- 创建用户仪表板以及分析图表和详细的投资组合细节.
- 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. 基于已完成的登录百分比管理访问限制.
- 实现了一个全功能的富文本编辑器，存储为HTML，并在其他页面中呈现相同的内容.
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 (SPA), Component Libraries, AG Grid, Responsiveness, Strapi, Headless CMS
Front-end Developer
2020 - 2021
Freelance
- 使用无头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.
- 使用Adobe Illustrator在SVG中创建慕尼黑地图，并在悬停时使用JavaScript添加工具提示.
- 构建一个带有悬停交互的自定义组件，并使用jQuery将它们添加到一个人体模型中，该模型显示了身体中的各种肌肉.
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 (SPA), Responsiveness, Headless CMS
Experience
Goalimpact Website
http://goalimpact.com从头开始创建整个网站，包括前端和后端. 后端涉及到用于身份验证和数据库的Supabase等工具, 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.
•这也取决于用户订阅的玩家数量.
The search functionality was implemented using Algolia, where I configured webhooks for automatic updating. 此外，我将网站与Sanity集成在一起，以创建动态模块化页面.
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.
•这也取决于用户订阅的玩家数量.
The search functionality was implemented using Algolia, where I configured webhooks for automatic updating. 此外，我将网站与Sanity集成在一起，以创建动态模块化页面.
Petratools Website
http://petratools.comFor the Petratools website, I performed the following:
•使用Remix和Hydrogen将Shopify商店迁移到自定义店面.
•集成的Sanity和Algolia与自动更新的产品更容易的内容管理和更快的搜索, filtering, and sorting.
• Integrated dynamic modular pages with Sanity CMS.
• Created the entire UI from scratch using Tailwind and React.
•使用Remix和Hydrogen将Shopify商店迁移到自定义店面.
•集成的Sanity和Algolia与自动更新的产品更容易的内容管理和更快的搜索, 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
http://design.anaam.ioA marketing website and sales funnel for a career coach. I designed and developed the entire site. It uses React and Next.js (App Router), Tailwind CSS, and TypeScript.
该网站还集成了Razorpay等支付网关和使用Wistia的视频. The SEO is optimized, and it is responsive and performant.
Overall, it's a beautiful website focused on conversion.
该网站还集成了Razorpay等支付网关和使用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我负责维护和更新网站，并添加了许多功能，比如粘性导航条, 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.
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.
•完全定制的音乐播放器与不同的路线为每首歌, 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.
• 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.
•完全定制的音乐播放器与不同的路线为每首歌, 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
http://star-wars-table.netlify.app/A React website that shows a table of information fetched from SWAPI. 它实现了过滤和分页，并使用canvas元素来呈现带有移动星星和其他一些很酷的CSS动画和效果的类似空间的背景, like the Neon effect.
Turtle CSS Art
http://turtle-css-art.netlify.app/A turtle near the water setting made entirely with CSS. 当用户从手机或平板电脑上观看时，它会显示一条信息，要求用户在大屏幕上观看. 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, React Hook Form, Flexbox, Lodash, Auth, Mapbox GL, REST APIs, Chart.js, Stripe, React Testing Library, Recharts, AG Grid, jQuery, Playwright, Apollo Client, Google Maps SDK, Google Maps
Tools
Slack, GitHub, JSX, Figma, Webpack, Create React App, Git, Jira, Stripe Checkout, Make, Postman, Power BI Embedded, Microsoft Power BI, React Apollo
Frameworks
Next.js, Material UI, Redux, Tailwind CSS, Remix, MUI CSS, Jest
Languages
JavaScript, CSS, HTML, Sass, TypeScript, SCSS, HTML5, ECMAScript (ES6)， CSS3, SQL, GraphQL
Paradigms
Code Refactoring, Asynchronous Programming, Search Engine Optimization (SEO), Responsive Web Design (RWD), Agile Workflow, REST, Agile, UI Design, UX Design, Functional Programming, Functional Reactive Programming
Platforms
Visual Studio Code (VS Code), Firebase, Algolia, Mapbox, Vercel, GreenSock Animation Platform (GSAP), Shopify, Docker, Amazon Web Services (AWS)
Storage
JSON, Cloud Firestore, JSON-LD
Other
Styled-components, Gatsby, Websites, Front-end, Data Visualization, Checkout, Web Development, Charts, Landing Pages, Pixel Perfect, User Interface (UI), Frameworks, PDF, Axios, Storybook, Front-end Development, Server-side Rendering (SSR), HTML UI, 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 (SPA), Component Libraries, Responsiveness, Headless CMS, Content Management Systems (CMS), UI Animation, Web Dashboards, Shopping Carts, eCommerce, Headless Commerce, Headless Software, Supabase, Full-stack, User Experience (UX), Maps, Graphs, Right-to-Left (RTL) Scripts, RTL, Arabic Typography, Design, SEO Tools, Mobile First, APIs, Front-end Design, CSS3 Animation, HTML5 Animations, Analytics, Code Review, SVG Animation, Tanstack Router, Vite, Payment Providers, React Server Components, i18n, Strapi, SVG, Google Sign-in, Sales Funnel, Payment APIs, Zustand, Schema.org, Google Tag Manager
Collaboration That Works
How to Work with Toptal
在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.
1
Share your needs
在与Toptal领域专家的电话中讨论您的需求并细化您的范围.
2
Choose your talent
在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.
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