Devashish Macwan - Fullstack

Overview

A UI-focused frontend engineer (Middle) specializing in interactive, motion-rich web experiences and creative WebGL/audio interfaces. The strongest proven skill is building performant custom hooks and procedural canvas textures that power smooth scroll, animation and audio interactions, as implemented in custom hooks and the CanvasTexture utilities. There is limited evidence of end-to-end app-level engineering such as test coverage, server-state patterns, or production-grade backend integrations in the authored frontend artifacts.

Phone

Timeline

Sardar Patel University

Master's Degree · Information Technology

Anand, Gujarat

Projects

Tutedude

Developed automation workflows using n8n to support tutoring or learning operations. Connected automation steps to improve efficiency and reduce repetitive tasks. Used the setup to streamline development and workflow management.

Red & White Skill Education

Built a MERN stack project for a skill-education website. Focused on delivering the required front-end and back-end features to support the learning flow. Earned an A+ grade for the project completion.

GOZ Masterclass Website

Created a platform for course-related content using a MERN stack approach. Delivered features to support learning access and course management workflows. Improved user interaction and overall application delivery for the website experience.

Course Enrollment & Student Dashboard Platform

Developed a full-stack platform for course enrollment and video lectures with student dashboards. Implemented JWT-based authentication and role-based access control for admin, instructor, and student users. Integrated a payment gateway to enable secure payments and automated enrollment access.

Factory Inventory & Production Management System

Built a system to digitize production logs and track real-time stock movements. Implemented an algorithm to recalculate future stock balances when historical records change. Created dashboards, automated reports, and low-stock alerts for inventory monitoring.

Technical skills

Languages

5

JavaScript

Node JS

C++

C#

C

Node JS

3

Axios

Express

Mongoose

Frontend

4

React.js

Three.JS

GSAP

Tailwind CSS

Other

14

Redis

MongoDB

Firebase

Bootstrap

Redux

Redux Toolkit

Vite

GitHub

Netlify

Git

Vercel

Rest API

Postman

PostCSS

Middle Frontend Developer Confidence: Medium UI Engineer

A UI-focused frontend engineer (Middle) specializing in interactive, motion-rich web experiences and creative WebGL/audio interfaces. The strongest proven skill is building performant custom hooks and procedural canvas textures that power smooth scroll, animation and audio interactions, as implemented in custom hooks and the CanvasTexture utilities. There is limited evidence of end-to-end app-level engineering such as test coverage, server-state patterns, or production-grade backend integrations in the authored frontend artifacts.

UI Component Architecture

5/10

How interface parts are built

Solid component-level and UX-driven architecture with custom hooks and careful separation of concerns, but no large-scale component system or extensive React component architecture visible.

Evidence

Devasshish/Sample/src/hooks/useScrollProgress.js: custom scroll state hook with RAF smoothing and keyboard/touch normalization Devasshish/Sample/src/hooks/useAudioSynthesizer.js: encapsulated Web Audio API hook managing AudioContext and sound primitives Devasshish/Sample/src/styles/index.css: scoped design tokens and utility classes informing component layout and states

Responsive & Cross-browser

6/10

Works on all screens and browsers

Responsive-first CSS and feature-aware patterns are used, with media queries, safe-area handling and reduced-motion support; cross-browser nuances are handled in code (wheel/touch/key normalization).

Evidence

Devasshish/Itzfizz/style.css: extensive responsive media queries, safe-area insets and prefers-reduced-motion styles Devasshish/Sample/src/hooks/useScrollProgress.js: normalizes wheel.deltaMode and touch deltas for cross-device scroll behavior Devasshish/Sample/index.html: viewport meta and font preconnects demonstrating attention to mobile rendering

Performance Optimization

6/10

Speed of the interface

Clear performance-minded work: texture caching, requestAnimationFrame-driven smoothing loop, clamping and throttling of inputs, and low-allocation audio patterns; however there are no measured metrics or CI performance artifacts shown.

Evidence

Devasshish/Sample/src/utils/studioTextures.js: textureCache Map to avoid re-creating CanvasTextures and set anisotropy Devasshish/Sample/src/hooks/useScrollProgress.js: RAF loop with damping, throttled state updates and clamped deltas Devasshish/Sample/src/hooks/useAudioSynthesizer.js: single AudioContext init, reuse of nodes, and guarded try/catch fallbacks

Accessibility & Semantics

6/10

Usable for everyone

Accessibility is actively considered: keyboard navigation support, skip link, aria attributes and reduced-motion handling are present for interactive experiences.

Evidence

Devasshish/Itzfizz/index.html: skip link, ARIA labels and semantic structure Devasshish/Sample/src/hooks/useScrollProgress.js: keyboard handlers for Arrow keys, PageUp/PageDown, Home/End and numeric shortcuts Devasshish/Itzfizz/style.css: :focus-visible rule and prefers-reduced-motion media query

State Management & Data Flow

4/10

Managing data in the app

Good local state discipline inside custom hooks and careful use of refs to avoid render churn, but limited evidence of server-state discipline, cache invalidation, optimistic updates or formal state-machine usage.

Evidence

Devasshish/Sample/src/hooks/useScrollProgress.js: uses refs (progressRef, targetProgressRef) to separate render state from animation state Devasshish/Sample/src/hooks/useAudioSynthesizer.js: encapsulates audio lifecycle and resumes/suspends AudioContext carefully

UX & Visual Polish

6/10

Look and feel quality

High visual polish and UX craftsmanship with detailed CSS, motion choreography (GSAP present), and interactive audiovisual feedback, though explicit loading/error/undo UX patterns are sparse.

Evidence

Devasshish/Sample/src/styles/index.css: polished UI tokens, vignette, drawer and modal patterns with transitions Devasshish/Itzfizz/script.js: GSAP timelines and ScrollTrigger choreography for rich scroll-driven transitions Devasshish/Sample/src/hooks/useAudioSynthesizer.js: purposeful UI audio feedback (chime and transition sounds) improving perceived UX

Expertise

React· Middle

Modern Web Frameworks· Middle

Web Performance & Optimization· Middle

Technologies

Redux

GSAP

Tailwind CSS

Express

Vercel

Netlify

Three.JS

Bootstrap

Git

React.js

Vite

Mongoose

PostCSS

Redux Toolkit

GitHub

Recommendations

Lead development of interactive, marketing or portfolio sites that require scroll-driven narratives, GSAP choreography and WebGL textures.
Implement audiovisual product experiences and touring microsites that use Three.js and Web Audio with a focus on performance and accessibility.
Build UI component libraries and design-token systems to codify the visual language present in the CSS into reusable React components.
Work on performance audits and optimization tasks that benefit from custom RAF loops, texture caching and low-allocation audio patterns.

Repositories

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

Coros Sample Itzfizz

Junior Backend Developer Confidence: Medium Generalist

Frontend generalist at a Middle level specializing in performance-focused React hooks and procedural canvas/Three.js textures. The strongest proven skill is procedural texture and UI performance work as shown by Devasshish/Sample/src/utils/studioTextures.js which implements cached, high-detail canvas textures. There is little to no evidenced backend engineering work such as API design, database migrations, or production-grade reliability patterns in the human-authored files.

API Design

How well APIs are designed

Not evidenced in public code

Data Layer & Database

Working with databases

Not evidenced in public code

Scalability & Performance

3/10

Handling load and speed

Clear frontend performance-conscious work: texture caching, adaptive DPR and particle counts, and optimized canvas draw loops indicate deliberate performance tuning for rendering workloads.

Evidence

Devasshish/Sample/src/utils/studioTextures.js: textureCache usage and optimized canvas drawing routines Devasshish/Sample/src/utils/performance.js: getAdaptiveSettings with DPR, particle count and device capability heuristics

System Architecture

2/10

Overall system structure

Basic but sensible module boundaries for UI-level concerns (separate hooks and utils) and reusable hook APIs indicate pragmatic frontend architecture, but no evidence of broader system/service decomposition.

Evidence

Devasshish/Sample/src/hooks/useScrollProgress.js: encapsulated scroll state and control API Devasshish/Sample/src/utils/studioTextures.js: centralized texture generation utility

Security & Auth

Protecting data and access

Not evidenced in public code

Reliability & Observability

2/10

Stability and monitoring

Frontend reliability practices are present at component/hook level (cleanup of raf, try/catch fallbacks, throttling), but there is no evidence of system-level reliability patterns like retries/backoff, circuit breakers, or structured observability.

Evidence

Devasshish/Sample/src/hooks/useScrollProgress.js: requestAnimationFrame loop with cancellation and throttled state updates Devasshish/Sample/src/hooks/useAudioSynthesizer.js: defensive try/catch around Web Audio initialization and safe fallbacks

Technologies

Node JS· Junior

Rest API

Axios

Recommendations

Develop interactive 3D web applications or product features that rely on procedural textures and Three.js where texture caching and DPR/adaptive rendering matter.
Build reusable, performance-oriented React hooks and UI primitives (smooth scrolling, audio synthesis, resource-managed canvases) for a design system or game-like experience.
Create audio-driven interactive experiences using the Web Audio API combined with procedural visuals to leverage existing strengths.
Expand into backend and full-stack work by implementing production API endpoints, schema migrations, and service-level reliability patterns to broaden hireability for backend roles.

Repositories

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

Coros Sample Devasshish

Junior QA Engineer Confidence: Medium Generalist

Front-end engineer focused on creative interactive experiences and real-time client-side visuals at a middle level with strong front-end craftsmanship. The strongest proven skill is authoring polished client-side utilities and custom React hooks for UX and visuals, demonstrated by useScrollProgress, useAudioSynthesizer, and the canvas texture generators in src/utils/studioTextures.js. There is little to no public evidence of automated tests, API/contract testing, CI test integration, or backend engineering authored by the developer.

Test Automation Frameworks

Building automated tests

Not evidenced in public code

Test Coverage & Strategy

What and how to test

Not evidenced in public code

API & Integration Testing

Testing how parts work together

Not evidenced in public code

Performance & Load Testing

Testing speed under load

Not evidenced in public code

Bug Reporting & Analysis

Finding and describing bugs

Not evidenced in public code

CI Test Integration

Running tests automatically

Not evidenced in public code

Industries

Design & Creative· Junior

Technologies

JavaScript· since 2025 · Junior

C#

Postman

Recommendations

Develop interactive 3D and canvas-driven web experiences and component libraries (Three.js + WebGL UIs).
Build advanced client-side UX systems such as smooth input handling, adaptive rendering, and audio-visual interaction primitives.
Lead front-end performance and UX improvements for multimedia single-page apps, producing testable units and integrating frontend test infrastructure.

Repositories

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

Coros Sample My-portfolio

Job preferences

Work permits: India
Citizenship: India
Employment type: Full-Time
Locations: Anand, Vadodara, Ahmedabad
Company size: 1-10