Scribd
Upload
34 views4 pages

Chapter 2 TO-DO LIST

Project on to do list

Uploaded by

karnav502
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
34 views4 pages

Chapter 2 TO-DO LIST

Project on to do list

Uploaded by

karnav502
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Chapter 2

Literature Survey

2.1 Timeline of the Reported Problem


The concept of task management and organization has evolved over time, with early digital
to-do lists and task management tools dating back to the 1980s. As personal computers
became more accessible, software solutions like Microsoft’s Task Manager and other
standalone applications began to emerge. The rise of the internet in the late 1990s and early
2000s saw the introduction of web-based to-do lists and task management tools, such as
Remember The Milk and Google Tasks. The advent of HTML5, CSS3, and JavaScript
frameworks in the 2010s enabled more dynamic and user-friendly web applications, allowing
developers to create interactive and responsive to-do lists that could be accessed across
various devices.

2.2 Bibliometric Analysis


A bibliometric analysis of the literature on to-do lists and task management applications
reveals an increasing interest in this area, particularly with the rise of web-based
technologies. Academic publications and industry reports have focused on user experience
(UX) design, the effectiveness of task management tools in enhancing productivity, and the
technical aspects of developing such applications using HTML, CSS, and JavaScript. The
analysis shows that most research is concentrated on improving usability, accessibility, and
cross-platform compatibility, with a growing trend towards integrating these tools with other
productivity software like calendars and project management systems.

2.3 Proposed Solutions by Different Researchers


Researchers have proposed various solutions for improving to-do lists and task management
applications. Some of the key solutions include:
 User-Centered Design: Emphasizing the importance of UX and designing interfaces
that are intuitive and easy to use.
 Responsive Design: Ensuring that to-do list applications are accessible across
different devices, including desktops, tablets, and smartphones, using HTML5 and
CSS3.
 Integration with Other Tools: Proposing the integration of to-do lists with
calendars, email clients, and project management software to create a unified
productivity system.
 Real-Time Synchronization: Developing real-time synchronization features using
JavaScript and AJAX to ensure that tasks are updated across all user devices.
 Gamification: Introducing gamification elements to motivate users to complete tasks
and improve productivity.
 Customizability: Allowing users to personalize their to-do lists by adding tags,
categories, and prioritization features.

2.4 Summary Linking Literature Review with the Project


The literature review highlights the evolution and ongoing development of to-do list
applications, particularly with the use of web technologies like HTML, CSS, and JavaScript.
This project aims to build on the existing research by developing a to-do list application that
incorporates user-centered design principles, is fully responsive, and offers real-time
synchronization. The insights gained from the literature will guide the project in addressing
common challenges faced by users, such as ease of use, accessibility, and seamless
integration with other productivity tools.

1. "Create A Todo List App in HTML CSS & JavaScript" - Author: Coding Nepal
o Summary: This tutorial provides a detailed guide on how to create a to-do list
application. It walks through the process of setting up the HTML structure,
styling with CSS, and adding interactivity using JavaScript. The app features
functionalities like adding tasks, marking them as completed, editing tasks,
and filtering tasks based on their completion status. The implementation also
covers the use of local storage to persist tasks across browser sessions.
o Source: Coding Nepal (CodingNepal)
2. "Todo List App using HTML CSS & JavaScript" - Author: DEV Community
o Summary: This article describes the creation of a simple yet functional to-do
list application using HTML, CSS, and JavaScript. It focuses on the design
aspects, ensuring a user-friendly interface with responsive features. The
JavaScript code is responsible for task addition, deletion, and marking tasks as
completed. The tutorial is beginner-friendly, making it suitable for those new
to web development.
o Source: DEV Community (DEV Community)
3. "How to Build a Functional To-Do List App with JavaScript, HTML, and CSS"
- Author: DEV Community
o Summary: This guide is tailored for developers looking to build a basic to-do
list application. It covers the step-by-step process of creating a to-do list from
scratch, including HTML for the structure, CSS for styling, and JavaScript for
functionality. The app includes features like adding tasks, deleting them, and
marking them as completed, with a focus on simplicity and efficiency.
o Source: DEV Community (DEV Community)
4. "Build a Simple To-Do List App with JavaScript" - Author: FreeCodeCamp
o Summary: This tutorial is part of a broader series on JavaScript projects. It
explains how to create a to-do list application with JavaScript, with a strong
emphasis on JavaScript logic and DOM manipulation. The tutorial walks
through creating a user interface, handling user inputs, and dynamically
updating the UI based on user interactions. It also introduces concepts like
event listeners and local storage.
o Source: FreeCodeCamp
5. "Todo List Web Application with HTML, CSS, and JavaScript" - Author: Web
Dev Simplified
o Summary: This resource is a comprehensive video tutorial that demonstrates
the development of a to-do list application using HTML, CSS, and JavaScript.
It explains how to build a fully responsive and interactive to-do list, with
features such as task addition, deletion, and editing. The tutorial also covers
more advanced topics like state management and improving user experience.
o Source: Web Dev Simplified
These resources provide practical insights into the development of a to-do list application,
covering different aspects from basic setup to more advanced functionalities.

2.5 Problem Definition


Despite the availability of numerous to-do list applications, many of them still suffer from
issues related to user experience, lack of real-time updates, and limited customizability. There
is a need for a more streamlined, user-friendly application that can cater to the diverse needs
of users across different devices and platforms.

2.6 Goals and Objectives


 Goal: To develop a responsive, user-friendly to-do list application using HTML, CSS,
and JavaScript that enhances productivity by addressing common user pain points.
 Objectives:
1. Design an intuitive and aesthetically pleasing user interface.
2. Ensure the application is fully responsive and accessible on various devices.
3. Implement real-time task synchronization across multiple devices using
JavaScript.
4. Integrate customization options to allow users to personalize their task
management experience.
5. Test the application for usability and performance to ensure it meets user
needs and expectations.

You might also like