Shruti Shiradwade - Recruiter

Overview

UI engineer (middle-tier) specializing in polished, interactive frontend experiences with WebGL-driven visuals and motion design. The strongest proven skill is building interactive 3D and animated UIs with Three.js and GSAP as demonstrated by initHeroThreeScene and initBeyondThreeScene in script.js. Public code does not show server-side integrations, automated tests, CI/CD configuration, or production-grade state management and security hardening.

Phone

Timeline

US IT Recruiter · Middle

Aventure Systems LLC · Full-Time

May 2022 to Feb 2024 1 Year 9 Months Kolhapur In office

Sourced IT candidates for client roles using job portals such as Dice, Monster, LinkedIn, and CareerBuilder based on client requirements. Screened resumes, performed initial phone interviews, and evaluated candidates’ technical fit for open positions. Coordinated interview scheduling between candidates and clients, managed follow-ups, and communicated outcomes. Maintained a candidate database and recruitment tracker and prepared candidate profiles with skills, experience, and availability.

Projects

Coffee Shop Website

Created a simple coffee shop website concept as a front-end web project. Implemented a menu listing and a conceptual order form UI along with a feedback section. The work demonstrates basic page structure and styling using web markup and styles.

Personal Portfolio Website

Built a responsive personal portfolio website featuring added animations and a section for certificates. Designed the site layout and user-facing sections using front-end web technologies. The project showcases the ability to structure content and implement basic interactive UI behaviors.

Technical skills

C++

Python

SQL

JavaScript

C

PHP

Frontend

Three.JS

Anime.js

Frontend

DevOps

AWS

GitHub

Databases

MySQL

MS SQL

Middle Frontend Developer Confidence: Medium UI Engineer

UI engineer (middle-tier) specializing in polished, interactive frontend experiences with WebGL-driven visuals and motion design. The strongest proven skill is building interactive 3D and animated UIs with Three.js and GSAP as demonstrated by initHeroThreeScene and initBeyondThreeScene in script.js. Public code does not show server-side integrations, automated tests, CI/CD configuration, or production-grade state management and security hardening.

UI Component Architecture

4/10

How interface parts are built

Modular, design-token driven UI with clear separation of concerns in CSS and JS, but no component framework or reusable component library patterns are present.

Evidence

style.css: :root CSS custom properties and component styles (design tokens and glass-card components)

script.js: projectsData object and modular init* functions (initProjectModal, initHeroThreeScene) used to populate UI dynamically

Responsive & Cross-browser

6/10

Works on all screens and browsers

Responsive layout and graceful degradation are implemented via CSS media queries and runtime feature detection, with explicit handling for coarse pointers and resize events.

Evidence

style.css: multiple @media blocks (e.g. @media (max-width: 1024px), @media (max-width: 768px)) and responsive grid layouts

script.js: pointer-capability checks (matchMedia('(pointer: coarse)')) and resize handlers in initHeroThreeScene/initBeyondThreeScene

Performance Optimization

4/10

Speed of the interface

Practical runtime performance considerations (renderer pixel ratio, powerPreference, requestAnimationFrame loops) are present, but no build-time measurement, code-splitting, or bundle optimization evidence.

Evidence

script.js: WebGL renderer configured with powerPreference: 'high-performance' and setPixelRatio(Math.min(window.devicePixelRatio, 2))

script.js: requestAnimationFrame-driven animation loops for Three.js scenes and conditional disabling for coarse pointers

Accessibility & Semantics

5/10

Usable for everyone

Basic accessibility and semantics are applied: ARIA attributes, labeled form controls, keyboard escape handlers for modals, but no advanced focus management or automated a11y tooling is shown.

Evidence

index.html: modal elements include role="dialog" and aria-hidden, buttons and links have aria-label attributes and forms include <label> elements

script.js: keyboard handlers closing modals and drawer on Escape and form validation that surfaces errors

State Management & Data Flow

3/10

Managing data in the app

Client-side state is simple and local (projectsData, modal population, form validation); there is no evidence of server-state handling, request cancellation, optimistic updates, or state machines.

Evidence

script.js: projectsData object driving project modal content and openModal/populate DOM logic

script.js: contact form validation and simulated submit flow with local UI feedback

UX & Visual Polish

7/10

Look and feel quality

High visual polish, motion system and UX details (design tokens, glassmorphism, GSAP reveal sequences, animated stats) are well executed and consistent across the site.

Evidence

style.css: consistent design tokens, glass-card, button systems and motion-friendly CSS

script.js: GSAP timeline (heroTl) and ScrollTrigger-driven reveal and stats counter implementations

Expertise

Web Performance & Optimization· Middle

Frontend AI Integration· Junior

Industries

Education· Middle

Technologies

Frontend

Three.JS

AWS

Anime.js

GitHub

Recommendations

Build interactive marketing microsites, product pages and portfolios that rely on Three.js and GSAP-driven experiences.
Develop frontend prototypes and motion-rich UI components (design tokens, reusable card/button systems) that can be migrated into a component framework.
Lead implementation of accessibility improvements and production hardening: automated a11y checks, focus management, testing, and CI for frontend releases.
Help prototype WebGL-based dashboards or educational UIs, then work with backend engineers to define APIs for production integration.

Repositories

The developer's experience in this domain has been verified based on AI analysis of the following repositories:

Update-portfolio-

Job preferences

Work permits: India
Citizenship: India
Salary: from $10k per year
Employment type: Full-Time