PROJECT INTRO
MC GRAW HILL – CURRICULUM PLATFORM DEVELOPMENT
The MC GRAW HILL platform is a React-based system built to simplify and structure a book hierarchy and curriculum planning process. Designed with scalability in mind, the interface ensures that users can navigate through various educational modules efficiently. The website uses HTML and CSS for responsive styling and focuses on clean structuring of educational resources. Additionally, the platform features IP-based access restriction, allowing system usage only from specific, authorized IP addresses, enhancing security without the use of a backend.
A curriculum should be accessible, organized, and built for clarity. That’s exactly what we aimed to achieve.
Designed for institutions and academic professionals, this platform simplifies curriculum planning through scalable architecture and intuitive navigation.
PROJECT CHALLENGE
- Represent a structured and hierarchical view of curriculum and book modules.
- Maintain a clean, distraction-free layout for educators and content managers.
- Make the platform easy to update or expand as new curriculum modules are introduced.
- Support a front-end tech stack only (React, HTML, CSS), without reliance on a backend or CMS.
- Ensure responsiveness across devices for accessibility.
- Manage nested data structures for multiple book levels in a scalable way.
- Build a layout that could handle complex hierarchies while staying user-friendly.
- Avoid UI clutter as more items are added over time.
- Implement a security mechanism to restrict access to only specific, authorized IP addresses, as the system was not meant for public or general web access.
PROJECT SOLUTION
To address these challenges, the project was developed using a component-based architecture in React, where individual components were created for each hierarchical level such as books, chapters, and sections. This modular structure ensured reusability and simplified future maintenance. Expandable layouts were implemented using conditional rendering, allowing users to interact with deep curriculum hierarchies without overloading the interface.Responsive design was achieved through HTML and CSS with Flexbox and Grid systems, ensuring compatibility across desktops, tablets, and mobile devices. For interactivity and dynamic behavior, React Hooks were used for lightweight state management, handling expand/collapse logic and user interactions efficiently.Security was an essential requirement, and to meet this, a custom IP-based access control system was developed at the frontend level. The system validates access requests against a predefined list of IP addresses, allowing only users from approved networks to interact with the platform. This approach ensured restricted usage without the need for backend systems or third-party authentication layers.The result is a highly structured, scalable, and secure educational platform that meets MC GRAW HILL’s curriculum management goals with performance and usability at its core.
TECH TOOLS & STACK
