Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WEB 115 Task Manager Project

This project is my final assignment for WEB 115 and represents a simple but functional task manager built with the core front end stack of HTML, CSS, and JavaScript. The goal was to create an application that lets users add tasks, manage priorities, mark items as important or completed, and remove tasks when they are finished. All task changes are logged in the console as JSON using JSON stringify.

I built the interface with a clean dark layout that matches my usual SpudStack style. The colors are subtle but modern with orange accents that highlight the elements without becoming distracting. Even with the branding touches the project follows the requirements closely and keeps the structure easy to read and maintain.

Features

  • Add new tasks with priority level and optional flags for important or completed
  • Tasks appear instantly in the task list which is updated through JavaScript
  • Remove tasks with a single click
  • Completed tasks show a strike through and lowered opacity
  • Important tasks receive a red highlight through JavaScript styling
  • All updates are recorded with JSON stringify in the console
  • Responsive layout that displays correctly on different screen sizes

How to Run

Open index.html in any modern browser.
No installs or external libraries are required.

Files Included

  • index.html
  • styles.css
  • script.js

Project Links

GitHub Repository
https://github.com/bwtatum/WEB115Project

Wake Tech Hosted Version
https://wcet.waketech.edu/bwtatum/web115/PROJECT/

Notes

This project helped me practice DOM manipulation and event driven JavaScript while also giving me a chance to apply my SpudStack style in a clean professional way. The assignment was a good opportunity to build something simple that feels polished and interactive.

About

Final project for WEB-115: Interactive Task Manager built with HTML, CSS, and JavaScript. Includes dynamic task creation, deletion, completion toggling, priority labels, and console logging using JSON.stringify().

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages