Anaam is available for hire

Anaam Khuram

Verified Expert in Engineering

React Developer

Location

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

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. 她擅长处理复杂的框架, 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...

...thing I've developed is a music player in React with all functionalities such as shuffle, play, 还有一个声音设计师个人网站的播放列表.

Work Experience

前端高级软件工程师

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.
使用Jira作为问题管理器跟踪并修复了多个错误.
实现了多个需要使用REST api的特性, GraphQL APIs, functional programming, etc.
Fixed UI bugs related to multi-step forms that were ensured to be responsive and cross-browser compatible.

技术: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.

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.
修复了与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

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.
使用顺风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

Worked on a project called Goalimpact, created using Remix, Sanity CMS, Supabase, and Stripe.
为网站创建了整个前端和后端.
Integrated authentication and database (with more than a million players) with Supabase.
使用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.
使用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, 服务器端呈现(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

Developed various new features while integrating tools like Firebase, Sanity Snipcart, etc.
Added and modified modules for creating dynamic modular pages through Sanity.
修正了多个样式和响应性问题. 同时，实现了新的ui.
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, 内容管理系统(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.

Developed a complete fintech app's front-end from scratch in three months.
增加了两种不同类型用户的认证系统.
Created user dashboards along with the analytical charts and detailed investment portfolio details.
使用元标签优化网站的SEO, server-side rendering, image optimizations, 速度优化.
为用户登录创建了多步骤注册流程. 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.

技术: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

Developed a complete portfolio website for a game sound designer with headless CMS, 定制音乐播放器, and videos from Vimeo.
完全用React构建电影搜索应用, 使用OMDb API从搜索中获取电影数据, 增加了选中或不选中电影提名的选项, 并完成了网站的设计.
使用GSAP为网站添加滚动过渡和动画.
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.

技术: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

Created the entire website from scratch, including the front and back end. The back end involved tools like Supabase for authentication and database, 涉及超过一百万玩家的数据. 与此同时，我使用Stripe进行支付处理. 我使用React和Tailwind在Remix中开发前端. 此外，我还使用Apache ECharts实现了分析图表.

The model that I implemented with Stripe was a complicated one where:
•首次购买需支付首付款, 随后的认购金额是该金额的百分之一.
• This also varied based on the number of players a user was subscribed to.

搜索功能是使用Algolia实现的, 我在哪里配置了自动更新的webhook. Further, I integrated the website with Sanity to create dynamic modular pages.

Petratools Website

http://petratools.com

对于Petratools网站，我执行了以下操作:
• 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.
•集成动态模块化页面与Sanity CMS.
•使用Tailwind和React从头开始创建整个UI.

职业教练营销网站

http://anaam.io

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

The site has also integrated payment gateways like Razorpay and videos using Wistia. 搜索引擎优化，它是响应和性能.

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

RBW Website

http://rbw.com

I worked on maintaining and updating the website and added many features like the sticky navbar, carousels for products, 产品页面模块化结构, authentication forms, etc.

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

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

http://www.blancagaudio.com/

I developed a portfolio website for a sound designer with the following features:
•六个自定义点击效果, 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 定制音乐播放器 with a different route for each song, 记得播放状态对歌曲的变化, 自动播放歌曲的变化, 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获取的信息表. 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

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

水附近的一只乌龟，完全用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.

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, Playwright, 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

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

Share your needs

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

Choose your talent

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

开始你的无风险人才试验

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

对顶尖人才的需求很大.

Start hiring