CMPS1134 Final Project – Fundamentals of Computing

University of Belize

Course Instructor: Lloyd Augustine

Team Members: Andrew Faber, Adrian Morris, Derick Cal, Lisandro Figueroa

---

Course Description

Fundamentals of Computing introduces students to foundational concepts in computer science, including logic development, algorithms, problem solving, programming structures, data organization and the role of computing in modern society.
This final project brings together these topics to demonstrate practical skills in website development, logic implementation, and digital creativity.

---

Final Project Website

Live GitHub Pages Link:
👉 https://luser101.github.io/CMPS1134_Final

---

Assigned Task

Task #: To-Do List Application (Task 4)

Objective:
Create an interactive webpage that allows users to add, remove, and check off items in a to-do list.

Skills Demonstrated:

• DOM manipulation
• JavaScript event-driven programming
• UI/UX design
• Data management
• Responsive web layout

---

Project Features

• Add new to-do list items
• Delete items individually
• Mark items as completed
• Simple and clean interface
• Real-time interactive JavaScript behavior

---

Project Structure

CMPS1134_Final/ │ ├── index.html # Homepage ├── html/ │ ├── docs.html # Documentation page │ ├── focus.html # Focus tool page │ ├── team.html # Team members page │ ├── todo.html # To-Do List application │ └── videos.html # Video gallery │ ├── css/ │ ├── style.css │ ├── focus.css │ ├── team.css │ └── videos.css │ ├── js/ │ ├── script.js │ ├── focus.js │ ├── todo-date-picker.js │ ├── date-picker.js │ ├── team.js │ └── videos.js │ ├── image/ │ ├── team photos (jpg/png) │ ├── UI screenshots │ └── icons & svgs │ ├── documentation/ │ ├── IMPLEMENTATION_SUMMARY.md │ ├── VERIFICATION_COMPLETE.md │ ├── VIDEOS_PAGE_SUMMARY.md │ ├── TIMEZONE_FEATURE.md │ ├── DEBUGGING_ENHANCEMENTS_SUMMARY.md │ ├── TEAM_PAGE_ENHANCEMENT.md │ └── (MORE...) │ └── tests/ ├── utils.test.js ├── timezone.test.js └── setup.js

---

Project Pages

✔ 1. Cover Page

Provided in index.html, includes:

• Course title
• Description
• Mission statement
• Navigation to all project sections

---

✔ 2. Team Members Page (team.html)

Includes:

• Professional photos from /image/
• Name
• Program of study
• IT interest areas
• Key takeaway from the course

---

✔ 3. Video Gallery Page (videos.html)

Features:

• Embedded video elements
• Individual student videos
• Captions describing each submission

---

✔ 4. Documentation Page (docs.html)

Includes:

• Links to the written report
• Links to presentation slides
• Code snippets
• Screenshots
• Extended technical documentation from /documentation/

Add your Google Drive links here:
📄 Report: (https://drive.google.com/file/d/1tC5uL2MKLqP7bRt73vhOgseqBYhqR4gJ/view?usp=sharing)
📊 Presentation: https://www.canva.com/design/DAG5cP99iHQ/nyX6-Q-JnDQlar7iNI_Msw/edit?utm_content=DAG5cP99iHQ&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

---

🧠 Core Feature: To-Do List App (todo.html)

🔹 Main Functions

• Add tasks
• Remove tasks
• Mark tasks as completed
• Optional date picker (todo-date-picker.js)
• Clean modern UI