This collaborative project involved developing a web application using HTML5, JavaScript, WebPack, API integration, and Jest for testing. Based on a detailed design, the project focused on creating a dynamic and interactive user experience. The application allows users to interact with real-time data fetched from APIs and provides a robust, responsive interface. KEY FEATURES: • Responsive Design: Ensured compatibility across various devices and screen sizes. • Dynamic Content: Integrated APIs to fetch and display real-time data, enhancing user engagement. • Modular Code Structure: Organized the codebase using WebPack, facilitating maintainability and scalability. • Testing: Implemented Jest for comprehensive unit testing, ensuring the functionality and reliability of the application. OUTCOME: This project successfully demonstrates the ability to work effectively in a team environment, leveraging modern web development tools and practices. It highlights skills in creating responsive, data-driven web applications with a focus on performance and user experience. The collaborative effort underscored the importance of communication, coordination, and code quality in a development project.