Project ContributorInteractive KnowledgeBy Neel Vora

Interactive Knowledge

A comprehensive redesign of the Interactive Knowledge website, transforming it from a decoupled React-Drupal architecture to a unified, Drupal-only solution. This update enhances site performance, streamlines content management, and showcases the agency’s innovative projects with a focus on accessibility and user engagement. I contributed to this project as part of a collaborative engineering team.

DrupalReactDecoupledTwigPHPEntity API
Video demonstration of the Interactive Knowledge project

Client Background:


Interactive Knowledge is a leading digital agency focused on creating interactive, educational experiences for cultural institutions, museums, and libraries. The agency’s website serves as a showcase of its unique projects, emphasizing the agency’s capabilities in delivering high-quality, interactive digital solutions.


Project Goals:

1. Transition the website from a decoupled architecture (React frontend with Drupal backend) to a full-Drupal solution, improving efficiency and simplifying content management.

2. Redesign the website’s layout and user experience to better highlight Interactive Knowledge’s portfolio and services in a cohesive, visually appealing way.

3. Ensure sitewide WCAG 2.1 accessibility compliance to make the website inclusive for all users, particularly those with disabilities.

4. Optimize performance to ensure fast load times and a seamless browsing experience across all devices, enhancing the site’s user engagement.


Challenges and Solutions:

1. Transition from Decoupled to Full-Drupal Architecture:

Challenge: Shifting from a React-Drupal decoupled setup to a unified Drupal environment required careful planning to retain flexibility in design and functionality.

Solution: Migrated the frontend components to Drupal’s templating system, leveraging Twig for streamlined rendering. This consolidation simplified maintenance while retaining a dynamic user experience.

2. Design Consistency and Accessibility Standards:

Challenge: Ensuring that the new Drupal-driven design maintained visual consistency and high accessibility standards was critical.

Tech Stack

DrupalReactDecoupledTwigPHPEntity APISCSS

Attribution

Role:Project Contributor

Interested in working together? I'm always open to discussing new projects and opportunities.

Related Projects

✉️ Let's Connect

Get in Touch

Have an AI project in mind or need a secure, reliable system built? Let's talk.