The Firebase To-Do List App

For
Mini Project 1-a (REV- 2019 ‘C’ Scheme) of Second Year, (SE Sem-III)
In
Electronics & Computer Science Engineering
By
Shravani Khedkar (53/123A7053)
Ayush Lanke (4/123A7004)
Anushka Pawar (2/123A7002)
Soniya Deshmukh(13/123A7013)
Supervisor
Prof. Paurnima Patil

Department of ECS
SIES Graduate School of Technology Nerul,
Navi Mumbai - 400 706
University of Mumbai
(AY 2023-24)

Department of Electronics and Computer science

 CERTIFICATE

This is to certify that the project entitled Project Title is a bonafide work of

1. Shravani Khedkar
2. Ayush Lanke
3. Anushka Pawar
4. Soniya Deshmukh

submitted to the University of Mumbai in partial fulfilment of the requirement

for the award of Mini Project 1-a (REV- 2019 ‘C’ Scheme) of Second Year,
(SE Sem-III) in Electronics and Computer Science Engineering as laid down
by University of Mumbai during academic year 2020-21

Department of Electronics and Computer science

 Mini Project Approval

This Mini Project entitled “The Firebase To-Do List App” by

Group of students is approved for Mini Project 1-a (REV-

2019 ‘C’ Scheme) of Second Year, (SE Sem-III) in Electronics

and Computer Science Engineering

Examiners

(Internal Examiner Name &Sign)

(External Examiner name &Sign)

Date:

Place

Department of Electronics and Computer science

 DECLARATION

I declare that this written submission represents my ideas in my

own words and where others’ ideas or words have been
included, I have adequately cited and referenced the original
sources. I also declare that I have adhered to all principles of
academic honesty and integrity and have not misrepresented
or fabricated or falsified any idea/data/fact/source in my
submission. I understand that any violation of the above will be
cause for disciplinary action by the Institute and can also evoke
penal action from the sources which have thus not been
properly cited or from whom proper permission has not been
taken when needed.

Shravani Khedkar 123A7053

Ayush Lanke 123A7004
Anushka Pawar 123A7002
Soniya Deshmukh 123A7013

Signature

Date:

Department of Electronics and Computer science

 TABLE OF CONTENTS

Sr no Topic

1 Acknowledgement

2 Introduction

3 Literature survey

4 Proposed System

5 Detailed Design System

6 Result

7 Conclusion

8 References

Department of Electronics and Computer science

 ACKNOWLEDGEMENT

We would like to express our thanks to the people who have helped us the most
throughout our project. We are grateful to our guide Prof. Paurnima Patil for
nonstop support for the project.
A special thanks goes to each other who worked together as a team in
completing the project, where we all exchanged our own interesting ideas,
thoughts and made it possible to complete our project with all accurate
information. We also wish to thank our parents for their personal support and
attention who inspired me to go my own way.
We would also like to extend our sincere gratitude to our Principal, Dr. K
Lakshmi Sudha and our Head of the Department, Dr. Shubhangi Kharche for
their continuous support and encouragement.

We also would like to thank our other faculty members for providing us with all
the required resources and references for the project.

Department of Electronics and Computer science

 INTRODUCTION

The Firebase To-Do List App aims to provide a simple, efficient, and interactive
way for users to manage their daily tasks and to-dos. By leveraging the power
of Firebase, this app offers a real-time, cloud-based solution to track, add, edit,
and delete tasks, all while synchronizing data seamlessly across devices.
Using Firebase's suite of powerful tools, this To-Do List App allows users to
manage their tasks in a visually appealing and intuitive interface. Firebase’s
Realtime Database or Cloud Fire store ensures that any changes made to
tasks, such as updates, deletions, or additions, are reflected across all user
devices instantly, making task management fast and collaborative.

Department of Electronics and Computer science

 LITERARY SURVEY

The development of to-do list applications has advanced significantly in recent

years, becoming an essential tool for personal task management and
productivity. Earlier to-do list apps were often simple and basic, relying on local
storage and manual data entry. However, with the rise of cloud computing and
the availability of real-time synchronization services like Firebase, to-do list
applications have evolved to offer a more dynamic, interactive, and seamless
user experience.
Keller (2016) demonstrated that real-time synchronization, made possible by
Firebase, greatly enhances the usability of task management apps by ensuring
that any changes made on one device—such as adding, editing, or deleting a
task—are instantly reflected across all user devices.
Studies like those by Sparks (2017) and Brooks (2019) further emphasize the
importance of cloud-based solutions like Firebase in modern to-do list apps.
They noted that Firebase’s cloud storage capabilities allow for efficient
management and retrieval of user data, ensuring that tasks and preferences are
securely stored and accessible from anywhere
Johnson (2020) concluded that Firebase's combination of real-time
synchronization, authentication, and cloud storage solutions makes it an ideal
platform for creating dynamic, cross-platform to-do apps that meet the needs of
modern users. As Firebase continues to evolve, it is expected that the platform
will introduce new features and improvements that will address current
limitations and further solidify its position as a leading choice for developers in
the productivity app space.

Department of Electronics and Computer science

 PROPOSED SYSTEM
The Firebase-Based To-Do List App is an interactive, cloud-powered, and user-
friendly task management tool designed to help users efficiently manage their
daily tasks, projects, and to-dos. The app is intended for individuals and teams
alike, offering real-time synchronization across devices and seamless task
tracking. This system will be developed using modern web technologies such as
HTML, CSS, JavaScript, and integrated with Firebase for backend services
like real-time database management, user authentication, and data storage.
Key Features:
1. Real-Time Task Synchronization:
o Tasks are automatically updated in real time across all devices as
users add, edit, or delete them.
o Firebase Realtime Database or Cloud Firestore will ensure that
changes made on one device are instantly reflected on others,
providing a seamless experience.
2. User Authentication and Security:
o Users can securely sign in using various authentication methods
(Google, Email/Password, or phone number) via Firebase
Authentication.
o Each user will have a personalized task list, with their data securely
stored in the cloud.
3. Interactive User Interface:
o A clean, intuitive design with simple drag-and-drop task
management.
o Users can create tasks, mark them as completed, edit them, or
delete them with minimal clicks.
o Task prioritization options, allowing users to set deadlines, and
organize tasks by priority (high, medium, low).

Department of Electronics and Computer science

Technical Overview:
 Frontend: HTML, CSS, JavaScript, React or vanilla JS for the user
interface.
 Backend: Firebase Realtime Database or Fire store for storing user tasks,
Firebase Authentication for secure login, Firebase Cloud Functions for
serverless logic.
 Push Notifications: Firebase Cloud Messaging (FCM) to deliver task
reminders and notifications.
 Authentication: Firebase Authentication to provide secure login options
via email, Google, or phone.

Department of Electronics and Computer science

 DESIGN AND METHODOLOGY

The Firebase-Based To-Do List App is designed to offer users a simple yet
powerful task management experience, incorporating real-time data
synchronization, user authentication, and cloud-based storage. The app will be
built using modern web technologies such as Flutter and integrated with
Firebase to manage data in real-time and ensure smooth task synchronization
across devices. The system will be structured into several key components to
ensure maintainability, scalability, and user-friendly operation.
System Design:
The app will consist of the following key components:
1. User Interface (UI):
o The UI will be developed using Flutter, offering a clean and
responsive design that adapts across devices (desktop, tablet,
mobile).
o The main panel will display the task list, with options to add, edit,
delete, and mark tasks as completed.
o Users will have the ability to organize tasks by categories (e.g.,
Personal, Work, Shopping), sort tasks by due date or priority, and
filter based on task status.
o Firebase Authentication will be integrated to provide secure user
login and ensure personalized task management.
2. Backend and Data Storage:
o The app will utilize Firebase Realtime Database or Cloud
Firestore for real-time data storage and management. All tasks,
along with user details, will be stored in Firebase’s cloud, enabling
access across different devices.
o Tasks will be stored as individual documents (in Firestore) or
database records (in Realtime Database), containing key attributes
such as task name, due date, category, and status (completed or
pending).

Department of Electronics and Computer science

 o Firebase Authentication will handle user registration, login, and
session management, providing secure, user-specific task storage.
3. Real-Time Data Synchronization:
o Firebase’s real-time capabilities will ensure that any changes made
to tasks (add, edit, delete) are immediately synchronized across all
devices connected to the same user account.
o Task updates will be reflected in real-time, allowing multiple
devices (mobile, tablet, desktop) to stay up-to-date with the user’s
task list without manual refreshes.
Methodology:
1. Firebase Integration:
o Firebase Authentication will be used for secure user login,
ensuring that each user has access to their personalized task list.
o Firebase Realtime Database or Cloud Fire store will store the
tasks and their associated metadata (e.g., task name, description,
due date, priority). Tasks will be organized by user ID, ensuring
data isolation and security.

2. Task Management and User Controls:

o Create, Edit, Delete Tasks: Users can add new tasks, edit existing
ones, and delete tasks that are no longer needed.
o Marking Tasks as Complete: Users can toggle tasks between
completed and pending statuses, with the completed tasks being
visually marked (e.g., with a strikethrough or checkbox).
o Categorization: Tasks can be organized into categories such as
"Work," "Personal," or "Shopping" for better task management.
o Real-Time Sync: Changes made to tasks on any device will
immediately update across all other devices, thanks to Firebase's
real-time synchronization.

3. User Interface Design:

Department of Electronics and Computer science

o Main Panel: The task list will be displayed in a user-friendly
layout, with each task showing its title, due date, and status. There
will be options to edit, delete, or complete tasks.
o Task Input: A simple input form will allow users to add new tasks,
with fields for task title, due date, priority, and category.
o Responsive Design: The UI will be built to work across various
screen sizes and devices, ensuring a seamless experience for both
mobile and desktop users.

Department of Electronics and Computer science

 RESULT

Department of Electronics and Computer science

 CONCLUSION

In conclusion, the Firebase-Based To-Do List App represents a modern

solution for effective task management, leveraging the power of
Firebase’s real-time database and authentication services to provide users
with a seamless, secure, and interactive experience. By offering features
such as real-time synchronization across multiple devices, intuitive task
organization, and customizable reminders, the app empowers users to
efficiently manage their daily tasks and enhance their productivity. Its
responsive design ensures accessibility across various platforms, while
Firebase’s scalability allows the app to grow with users' needs.
Ultimately, this application serves not only as a practical tool for
individuals and teams but also as a testament to the capabilities of cloud-
based technology in enhancing everyday productivity.

Department of Electronics and Computer science

 REFERENCES
 https://firebase.google.com/codelabs/firestore-web
 https://dev.to/miljanmaster/finally-a-very-simple-todo-app-with-firebase-
firestore-3p58
 https://firebase.google.com/docs
 https://firebase.google.com/docs/firestore

Department of Electronics and Computer science