Summary
Designed and developed a scalable recipe platform Recipes.net with a seamless content management experience, intelligent component-driven page builder, and high-performance UI tailored for SEO and user engagement.
• Developed responsive layouts for mobile, tablet, and desktop to ensure an optimal browsing experience
• Implemented advanced filtering, categorization, and infinite scrolling for faster content discovery
• Prioritized performance with image optimization, lazy loading, and Core Web Vitals adherence
• Integrated accessibility best practices (WCAG) and semantic HTML for inclusive user experience
CMS Integration – Contentful and Editor Enablement
Connected the frontend architecture to a flexible CMS that empowers content teams to create and manage thousands of structured recipe pages.
• Modeled scalable content types in Contentful for recipes, authors, categories, tags, and related content
• Built webhook-based sync and preview features to allow safe content staging before publish
• Added live preview for authors and editors with minimal configuration
• Enabled multilingual support and localization-ready setup
Intelligent Page Builder – Component-Driven React Framework
Developed a dynamic page builder system using reusable React components to allow editors to create rich, varied layouts without engineering support.
• Built modular components for image galleries, step-by-step instructions, nutrition panels, carousels, CTAs, and related recipes
• Implemented logic-based rendering rules for adaptive layouts such as different grids for dessert versus main course
• Allowed drag-and-drop configuration through CMS for reordering sections and managing complex blocks
• Ensured the system scaled across thousands of recipes without performance regressions
Tech Stack
React, TypeScript, Drupal, Contentful CMS, GraphQL, Tailwind CSS
