✅ TaskMeister - Productivity Web App
📌 Project Overview
TaskMeister is a productivity web application that helps users manage their tasks, set reminders with timers, and store contact information. The project integrates timers, to-do lists, and a contact management system, demonstrating JavaScript event handling, DOM manipulation, and animations. This was developed as a final individual college project showcasing various web development skills.
🚀 Features
📝 To-Do List: Users can add, edit, and remove tasks.
⏳ Timer Reminder: Allows users to set task timers with alarm functionality.
📇 Contact List: Enables users to save and manage contact details.
🎭 Animations & UI Enhancements: Smooth transitions and interactive elements.
🖥 Responsive Design: Works across different screen sizes.
📂 Project Structure
📁 taskmeister_project ├── 📁 css/ # Stylesheets │ ├── main.css # Global styles │ ├── homepage.css # Home page styles │ ├── todolist.css # Styles for the To-Do List │ ├── clockreminder.css # Styles for the Timer Reminder │ ├── contactlist.css # Styles for the Contact List ├── 📁 js/ # JavaScript files │ ├── homepage.js # Homepage interactions │ ├── todolist.js # To-Do List functionality │ ├── clockreminder.js # Timer Reminder logic │ ├── contactlist.js # Contact List management ├── 📁 webpages/ # HTML pages │ ├── index.html # Homepage │ ├── todolist.html # To-Do List Page │ ├── clockreminder.html # Timer Reminder Page │ ├── contactlist.html # Contact List Page ├── 📁 imgs/ # Image assets ├── 📁 audio/ # Alarm sounds for the timer
🛠 Technologies Used
HTML5: Structure of the website.
CSS3: Styling and animations.
JavaScript (ES6+): Handles interactive features.
jQuery: Used for event handling and animations.
📌 Prerequisites
To run the project, ensure you have:
A modern web browser (Chrome, Firefox, Edge, etc.).
🏃♂️ How to Use
1️⃣ Open index.html in a web browser.
2️⃣ Navigate through the applications using the menu.
3️⃣ Try each feature:
To-Do List: Add and manage tasks.
Timer Reminder: Set a countdown timer for tasks.
Contact List: Store and manage contacts.
🎯 Project Purpose
This project was created as part of a college final project, allowing me to practice:
JavaScript event handling and DOM manipulation.
Implementing timers (setTimeout, setInterval).
Working with animations and UI interactivity.
Building a multi-functional web application.
📜 License
This project was developed for educational purposes as part of a college assignment.
💼 Author: Juan Jacobo Florez Monroy | 🚀 Portfolio: [Portfolio Website or GitHub]