Anaam Khuram
Verified Expert in Engineering
React Developer
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
Experience
Availability
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
5555 Media AB
- 创建自定义脚本,为站点的各个页面创建JSON-LD模式.
- 帮助使用GTM将脚本部署到WordPress站点.
- 使用纯JavaScript创建脚本,同时确保它们与GTM兼容.
Senior Front-end Developer
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.
Front-end Senior Software Engineer
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错误,确保了响应性和跨浏览器兼容性.
Front-end Developer
Haystack Insights Inc.
- 通过API集成和UI向现有web应用程序添加新功能.
- 重新设计UI组件和布局,并根据新设计对其进行改进.
- Fixed multiple bugs related to API integration and UI.
Senior Front-end Engineer
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.
Senior Front-end Engineer
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自动更新.
React Expert
RBW Studio LLC
- 在集成Firebase、Sanity Snipcart等工具的同时,开发了各种新功能.
- 添加和修改了通过Sanity创建动态模块化页面的模块.
- Fixed multiple styling and responsiveness issues. Also, implemented new UIs.
- 集成Firebase身份验证,并使用Firebase功能用于各种目的,如表单收集, tracking, etc.
- 整合各种分析工具并正确配置,如GA等.
Lead Front-end Developer
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,并在其他页面中呈现相同的内容.
Front-end Developer
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将它们添加到一个人体模型中,该模型显示了身体中的各种肌肉.
Experience
Goalimpact Website
http://goalimpact.comThe 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.com•使用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.io该网站还集成了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.comAlso, 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.
React Table with a Star Wars API Implementation
http://star-wars-table.netlify.app/Turtle CSS Art
http://turtle-css-art.netlify.app/Education
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
How to Work with Toptal
在数小时内,而不是数周或数月,我们的网络将为您直接匹配全球行业专家.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring