Anaam is available for hire

Anaam Khuram

Verified Expert in Engineering

React Developer

Location

印度卡纳塔克邦的班加罗尔

Toptal Member Since

January 26, 2022

Anaam是一名前端开发人员，利用她在React及其生态系统中的技能，为各种利基市场(从个人投资组合到SaaS应用程序)创建复杂的web应用程序. 她擅长处理复杂的框架, HTML and CSS coding, design, and extensions, 她能满足每个组织的正面需求. anam努力使她的产品有效和引人注目.

Portfolio

URBINT, INC.

React, Next.js，顺风CSS, Jest, TypeScript, JavaScript, Storybook, Sass...

Haystack Insights Inc.

React, TypeScript，顺风CSS, Formik, Charts, Next.. js、敏捷工作流、Figma...

Tinloof GmbH

React, Next.js，内容管理系统(CMS)，顺风CSS, Shopify...

Experience

JavaScript - 3 years Tailwind CSS - 3 years React - 3 years Next.js - 3 years 无头软件- 2年 TypeScript - 2 years React Redux - 2 years Full-stack - 1 year

Availability

Full-time

Preferred Environment

Windows, Slack, Visual Studio Code (VS Code)

The most amazing...

...我在React中开发的是一个音乐播放器，具有洗牌等所有功能, play, 还有一个声音设计师个人网站的播放列表.

Work Experience

前端高级软件工程师

2023 - 2024

URBINT, INC.

将客户端API与Power BI以及API密钥认证集成在一起, auto refresh scheduling, 以及增量更新，以便客户的客户可以使用客户端的API生成他们自己的自定义报告.
使用服务主体身份验证将Power BI报表集成并嵌入到web应用程序中.
使用Jira作为问题管理器跟踪并修复了多个错误.
实现了多个需要使用REST api的特性, GraphQL APIs, functional programming, etc.
修复了与多步骤表单相关的UI错误，确保了响应性和跨浏览器兼容性.

技术:React, Next.js，顺风CSS, Jest, TypeScript, JavaScript, Storybook, Sass, Firebase, GraphQL, Playwright, Power BI Embedded, Microsoft Power BI, Functional Programming, 函数式响应式编程, REST APIs, Jira, Apollo Client, React Apollo, CSS Animations, Data Visualization, Postman, Software Engineering, React Hook Forms, Flexbox, Lodash, 响应式网页设计(RWD)

Front-end Developer

2023 - 2023

Haystack Insights Inc.

通过API集成和UI向现有web应用程序添加新功能.
重新设计UI组件和布局，并根据新设计对其进行改进.
修复了与API集成和UI相关的多个错误.

技术:React, TypeScript，顺风CSS, Formik, Charts, Next.. js、敏捷工作流、Figma, GitHub, Axios, Storybook, Front-end Development, 服务器端呈现(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, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, React Testing Library, CSS Animations, Data Visualization, SVG Animation, Recharts, Software Engineering, React Hook Forms, Flexbox, Lodash, 响应式网页设计(RWD), 单页应用(SPA)

高级前端工程师

2023 - 2023

Tinloof GmbH

在一个名为Petratools的项目中担任高级前端工程师.
使用Remix和Hydrogen将Shopify商店迁移到自定义店面.
集成Shopify产品与Sanity和创建模块化结构的动态页面.
使用顺风CSS实现了整个设计.
使用Algolia实现搜索、过滤和排序.

技术:React, Next.js，内容管理系统(CMS)，顺风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, 从右到左(RTL)脚本, RTL, Arabic Typography, Front-end Development, 服务器端呈现(SSR), Remix, SEO Tools, Google Sign-in, REST, Mobile First, Git, Chart.js, HTML UI, APIs, 应用状态管理, Front-end Design, API Integration, CSS3 Animation, HTML5 Animations, Transitions, JSON, JSX, Code Review, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, Vercel, CSS Animations, Responsive Web Apps, Software Engineering, Vite, 搜索引擎优化(SEO), Flexbox, Payment Providers, 响应式网页设计(RWD)

高级前端工程师

2022 - 2023

Tinloof GmbH

参与了一个名为Goalimpact的项目，使用Remix, Sanity CMS, Supabase和Stripe创建.
为网站创建了整个前端和后端.
与Supabase集成身份验证和数据库(超过一百万玩家).
使用Sanity CMS创建模块化页面的结构.
通过与Stripe集成增加了电子商务订阅功能.
使用Stripe执行复杂的支付模式，即首次购买收取高额一次性费用，随后收取较低的订阅费用. 该模式还取决于用户订阅的玩家数量.
使用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, 服务器端呈现(SSR), Remix, SEO Tools, Google Sign-in, REST, Git, Chart.js, HTML UI, APIs, 应用状态管理, Front-end Architecture, Front-end Design, API Integration, CSS3 Animation, HTML5 Animations, Transitions, JSON, Analytics, Stripe, Stripe Checkout, JSX, Code Review, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, Vercel, CSS Animations, SVG Animation, Responsive Web Apps, Software Engineering, 搜索引擎优化(SEO), Flexbox, Payment Providers, 响应式网页设计(RWD)

React Expert

2022 - 2023

RBW Studio LLC

在集成Firebase、Sanity Snipcart等工具的同时，开发了各种新功能.
添加和修改了通过Sanity创建动态模块化页面的模块.
修正了多个样式和响应性问题. 同时，实现了新的ui.
集成Firebase身份验证，并使用Firebase功能用于各种目的，如表单收集, tracking, etc.
整合各种分析工具并正确配置，如GA等.

Technologies: React, Shopping Carts, 内容管理系统(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, 亚马逊网络服务(AWS), APIs, React Query, Context API, API Integration, Jira, CSS3 Animation, HTML5 Animations, Transitions, JSON, Cloud Firestore, JSX, Code Refactoring, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, React Testing Library, JSON-LD, CSS Animations, SVG Animation, Responsive Web Apps, Software Engineering, 搜索引擎优化(SEO), Flexbox, Payment Providers, 响应式网页设计(RWD)

首席前端开发人员

2021 - 2023

Tyke Technologies Pvt. Ltd.

在三个月内从零开始开发了一个完整的金融科技应用程序前端.
增加了两种不同类型用户的认证系统.
创建用户仪表板以及分析图表和详细的投资组合细节.
使用元标签优化网站的SEO, server-side rendering, image optimizations, and speed optimizations.
为用户登录创建了多步骤注册流程. 基于已完成的登录百分比管理访问限制.
实现了一个全功能的富文本编辑器，存储为HTML，并在其他页面中呈现相同的内容.

技术: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), 服务器端呈现(SSR), Create React App, SEO Tools, Jest, Docker, REST, Git, Chart.js, Agile, HTML UI, 亚马逊网络服务(AWS), APIs, React Query, 应用状态管理, 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, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, JSON-LD, CSS Animations, SVG Animation, MUI CSS, Responsive Web Apps, Postman, Software Engineering, React Hook Forms, Tanstack Router, 搜索引擎优化(SEO), Flexbox, Lodash, 响应式网页设计(RWD), 单页应用(SPA)

Front-end Developer

2020 - 2021

Freelance

使用无头CMS为游戏音效设计师开发了一个完整的作品集网站, 定制音乐播放器, and videos from Vimeo.
完全用React构建电影搜索应用, 使用OMDb API从搜索中获取电影数据, 增加了选中或不选中电影提名的选项, 并完成了网站的设计.
使用GSAP为网站添加滚动过渡和动画.
使用Adobe Illustrator在SVG中创建慕尼黑地图，并在悬停时使用JavaScript添加工具提示.
构建一个带有悬停交互的自定义组件，并使用jQuery将它们添加到一个人体模型中，该模型显示了身体中的各种肌肉.

技术:JavaScript, React, 内容管理系统(CMS), CSS, GreenSock动画平台(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, 应用状态管理, Context API, Front-end Architecture, Front-end Design, API Integration, JSON, Cloud Firestore, Dashboards, JSX, 异步编程, CSS3, 跨浏览器的兼容性, Responsive Design, CSS Animations, SVG Animation, MUI CSS, Responsive Web Apps, Software Engineering, Tanstack Router, 搜索引擎优化(SEO), Flexbox, 响应式网页设计(RWD), 单页应用(SPA)

Experience

Goalimpact Website

http://goalimpact.com

从头开始创建整个网站，包括前端和后端. 后端涉及到用于身份验证和数据库的Supabase等工具, 涉及超过一百万玩家的数据. 与此同时，我使用Stripe进行支付处理. 我使用React和Tailwind在Remix中开发前端. 此外，我还使用Apache ECharts实现了分析图表.

我在《欧博体育app下载》中执行的模型很复杂:
•首次购买需支付首付款, 随后的认购金额是该金额的百分之一.
•这也取决于用户订阅的玩家数量.

搜索功能是使用Algolia实现的, 我在哪里配置了自动更新的webhook. 此外，我将网站与Sanity集成在一起，以创建动态模块化页面.

Petratools Website

http://petratools.com

对于Petratools网站，我执行了以下操作:
•使用Remix和Hydrogen将Shopify商店迁移到自定义店面.
•集成的Sanity和Algolia与自动更新的产品更容易的内容管理和更快的搜索, filtering, and sorting.
•集成动态模块化页面与Sanity CMS.
•使用Tailwind和React从头开始创建整个UI.

职业教练营销网站

http://anaam.io

职业教练的营销网站和销售渠道. 我设计并开发了整个网站. It uses React and Next.. js (app router)，顺风CSS和TypeScript.

该网站还集成了Razorpay等支付网关和使用Wistia的视频. 搜索引擎优化，它是响应和性能.

总的来说，这是一个专注于转化率的漂亮网站.

RBW Website

http://rbw.com

我负责维护和更新网站，并添加了许多功能，比如粘性导航条, carousels for products, 产品页面模块化结构, authentication forms, etc.

Also, 我将网站与Firebase Authentication等工具集成在一起, Snipcart, Firebase Functions, Sanity, etc.

一个声音建筑师的投资组合网站

http://www.blancagaudio.com/

我为一名声音设计师开发了一个带有以下功能的作品集网站:
•六个自定义点击效果, each showing different cool effects that enable users to change them; ensured that the effects didn't work on things
like links and buttons.
•完全定制的音乐播放器与不同的路线为每首歌, 记得播放状态对歌曲的变化, 自动播放歌曲的变化, playlist functionality, smooth seeking, volume change, shuffle, and repeat.

Furthermore, 我使用了无头CMS的内容和自定义大小的可能性, 使用Sanity定制CMS.io, 优化了网站在移动设备上的性能和响应能力, tablet, and desktop, 确保跨浏览器兼容性, 并创建了自定义滚动条.

带有星球大战API实现的React Table

http://star-wars-table.netlify.app/

一个React网站，显示了从SWAPI获取的信息表. 它实现了过滤和分页，并使用canvas元素来呈现带有移动星星和其他一些很酷的CSS动画和效果的类似空间的背景, like the Neon effect.

Turtle CSS Art

http://turtle-css-art.netlify.app/

水附近的一只乌龟，完全用CSS制作. 当用户从手机或平板电脑上观看时，它会显示一条信息，要求用户在大屏幕上观看. 它还巧妙地使用Sass以更少的代码呈现重复的元素.

Skills

Languages

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

Frameworks

Next.. js，材质UI, Redux，顺风CSS, Remix, MUI CSS, Jest

Libraries/APIs

React, React Redux, Stripe API, Formik, React Router, Context API, Flexbox, Lodash, Auth, Mapbox GL, REST APIs, Chart.js, Stripe, React Testing Library, Recharts, jQuery，剧作家，Apollo Client

Tools

Slack, GitHub, JSX, Figma, Webpack, Create React App, Git, Jira, Stripe Checkout, Make, Postman, Power BI Embedded, Microsoft Power BI, React Apollo

Paradigms

Code Refactoring, 异步编程, 搜索引擎优化(SEO), 响应式网页设计(RWD), Agile Workflow, REST, Agile, UI Design, UX Design, Functional Programming, 函数式响应式编程

Platforms

Visual Studio Code (VS Code), Firebase, Algolia, Mapbox, Vercel, GreenSock动画平台(GSAP), Shopify, Docker, 亚马逊网络服务(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, 服务器端呈现(SSR), HTML UI, React Query, 应用状态管理, UI Components, Design Systems, Front-end Architecture, API Integration, Transitions, Dashboards, 跨浏览器的兼容性, Responsive Design, CSS Animations, Responsive Web Apps, Software Engineering, React Hook Forms, 单页应用(SPA), 内容管理系统(CMS), UI Animation, Web Dashboards, Shopping Carts, eCommerce, Headless Commerce, Headless Software, Supabase, Full-stack, User Experience (UX), Maps, Graphs, 从右到左(RTL)脚本, 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, SVG, Google Sign-in, Sales Funnel, Payment APIs, Zustand

Education

2017 - 2020

计算机科学学士学位

Akkamahadevi女子大学-印度卡纳塔克邦维杰普尔

有效的合作

如何使用Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.

开始你的无风险人才试验

与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.

对顶尖人才的需求很大.

Start hiring