Interactive Web Games Project

Computer Science 101: Web Development

Student Information
Project submission details

STUDENT NAME

Jolo Mol

STUDENT ID

CS22-1234

CLASS

Web Development 101

SUBMISSION DATE

March 12, 2025

Project Description
Interactive Web Games Collection

This project demonstrates the integration of multiple web-based games into a single platform using Next.js, React, and Tailwind CSS. The goal was to create an interactive gaming hub that showcases different types of browser games while maintaining a consistent user interface.

The project features iframe embedding techniques to incorporate third-party games, responsive design principles to ensure playability across devices, and custom UI components for navigation and information display.

Next.js
React
Tailwind CSS
Web APIs
Responsive Design
Assignment Requirements
Project grading criteria

Multiple Interactive Elements

Incorporate at least two interactive web games or applications

Responsive Design

Website must be fully responsive and functional on mobile and desktop devices

Modern Web Technologies

Use of modern frameworks and libraries (React, Next.js, etc.)

Documentation

Clear instructions and documentation for users

Project Timeline
Week 1

Project Planning

Research and selection of games to include

Week 2

UI Design

Creating wireframes and design mockups

Week 3

Development

Building the website structure and components

Week 4

Testing & Submission

Final testing and project submission