Taskmaster
A Productivity Tool for Stress-Free Task Management
By Roaa Lotfy & Ziad Khaled
Introduction of Roaa Lotfy
Role: Frontend Developer & Backend Support Background: CS student skilled in HTML, CSS, and JavaScript Tasks: Side panel, main page, Pomodoro page, and random quotes
Introduction of Ziad khaled
Role: Project Manager & Main Logic Developer Background: CS student with experience in large projects and multiple frameworks Tasks: Login page, register page, My-Day page
Inspiration Story:
Junior CS students often face stress and procrastination.
Designed to help manage tasks, stay motivated, and enhance productivity. Benefits extend beyond CS students to anyone seeking better time management.
Technology s Architecture
Languages:Frontend: HTML, CSS, JavaScript
Platforms:VS Code for coding GitHub for version control and workflow
Data-base: used local storage
Frameworks: Bootstrap
Core Algorithms s Code Snippets pomodoro
Core Algorithms s Code Snippets My-day
Process, Collaborations Timeline
Collaboration Tools: Trello board for task management and deadlines
Organization: Most tasks were completed on time due to structured planning.
Challenges Overcome
Key Challenge: Making the sidebar fixed across all pages
Solution: Used the <iframe> tag with CSS adjustments to ensure consistency.
Live Demo
Live Demo
Live Demo
Implemented by bootstrap
Areas for improvement
Lessons learned
NEXT STEPS
Integrate a robust database into my front-end project to transform it into a full-stack project & ensure seamless data management and enhance overall functionality.
conclusion summarizing your experience
Working with this team was an absolute delight—their collaboration, creativity, and shared passion made every challenge feel like an opportunity to grow and succeed together
Feedback and Comments
we value your insights! share questions and feedback on our project now
Thanks!