Provided SEO and web strategy for Coffee Plant, including domain selection and planned migration from a high-authority site. Designed and built a café holding page with brand- and location-led content, and implemented SEO fundamentals and JSON-LD in a React JS environment.
SVG Banner component - A custom SVG banner component using CSS animate, Javascript Intersection Observer for scroll detection.
Suspense-Based Product Detail Rendering - A Dynamic product detail component with React Suspense boundary, allowing asynchronous data to load without blocking page rendering. Product attributes and certification icons are rendered conditionally, keeping the UI data-driven, scalable, and maintainable.
Responsive Tabbed Content System - A client-side tab system with responsive layout, using accordion-style panels on mobile and tabbed navigation on desktop. State-driven rendering providing interactive panels, supports accessibility and keyboard navigation. Semantic HTML & ARIA Accessibility - A semantic HTML5 and ARIA attributes across interactive components to expose structure, state, and relationships to assistive technologies. Attributes such as aria-expanded, aria-controls, and aria-pressed ensure dynamic UI elements remain accessible and screen-reader compliant.
- Strapi
- TypeScript
- CSS3
- JavaScript
- cURL
- JSON-LD
- JSON
- JAMstack
- NodeJS
- NextJS
- Linux
- NodeMailer