Haiyan Y.

Full-stack Developer @Misumi Americas

Chicago, IL, US

Developed dynamic and performant web applications using Next.js (App Router & Pages Router), leveraging SSR (Server-Side Rendering), ISR (Incremental Static Regeneration), and API Routes to improve load speed, scalability, and SEO performance.Built responsive UIs with Tailwind CSS and Headless UI, integrating CMS-driven content via Next.js dynamic routing and custom server functions to enable flexible, maintainable site structures.Translated Figma designs into modular Next.js components using TypeScript, React Hooks (useState, useEffect, useContext), and Context API/Redux, supporting state-driven user interactions and async data flow via Redux Thunk.Integrated RESTful APIs and GraphQL endpoints into Next.js middleware and pages, ensuring consistent data fetching across both client and server contexts.Developed a CMS + Next.js integration to support non-technical content editors, enabling on-demand rendering, static export, and revalidation via getStaticProps and revalidate options.Built and maintained Micro-Frontend architecture using module federation and Next.js dynamic imports, improving team-level separation and codebase scalability.Conducted accessibility (a11y) audits and improvements adhering to WCAG 2.1 using semantic HTML, ARIA roles, and manual screen reader testing.Worked with GraphQL for optimized data querying and React Context for efficient global state handling.Wrote high-quality, scalable, and reusable code, incorporating unit tests and functional tests using Jest and React Testing Library.Used HTTP Client Module to send HTTP Request (GET, PUT, POST, and DELETE) to the back end.Built servers and web services in Node.js and Express.js and Body-Parse interacting with MongoDB using Mongoose schema.Worked with JSON Web Token (JWT) for Authentication and Authorization.Worked with MongoDB for storing, retrieving, updating, and deleting data.Proficient in using Google Analytics for tracking and analyzing web traffic and user