1

[Document subtitle]

[DATE]
[Company name]
[Company address]
 MIC
RO PROJECT
REPORT ON

Developing a Dynamic To Do App Using Flask

Submitted to the CMR Institute of Technology, Hyderabad in partial fulfillment of the
requirement for the award of the Laboratory of

App Development-Android/Flutter/Flask Lab

of
II-B.Tech.I-Semester
in
Computer Science and Engineering

M.Varun Kumar (22R01A0508)

R.Rahul (22R01A67B9)
M.Lavan Reddy (22R01A67A9)

Under the Guidance Of

Mrs. Usha Rapaka
Associate Professor, Dept of CSE

CMRINSTITUTEOF TECHNOLOGY
(UGCAUTONOMUS)
(Approved by AICTE, Affiliated to JNTU, Kukatpally, Hyderabad)
Kandlakoya, Medchal Road, Hyderabad

2024-2025
 CMR INSTITUTE OF TECHNOLOGY
(UGCAUTONOMUS)
(Approved by AICTE, Affiliated to JNTU, Kukatpally, Hyderabad)
Kandlakoya, Medchal Road, Hyderabad.

Department of Computer Science and Engineering(Data Science)

CERTIFICATE
This is tocertifythataMicroProjectentitledwith:“DevelopadynamicToDoApp”is being
Submitted By
M.Varun Kumar (22R01A0508)
R.Rahul (22R01A67B9)
M.Lavan Reddy (22R01A67A9)

Inpartialfulfillment of the requirement for award of the App Development-

Android/Flutter/Flask Lab of II-B.Tech I-Semester in CSE(DS)towards a record of a bonafide
work carried out under our guidance and supervision.

Signature of Faculty Signature of HOD

 ACKNOWLEDGEMENT

We are extremely grateful to Dr. M. Janga Reddy Director, Dr. B. Satyanarayana,

Principal and Head of Department, Dept of Computer Science and Engineering, CMR
Institute of Technology for their inspiration and valuable guidance during entire duration.

We are extremely thankful to our App Development-Android/Flutter/Flask Lab faculty

in-charge Mrs. Usha rapaka, Computer Science and Engineering department, CMR
Institute of Technology for his constant guidance, encouragement and moral support
throughout the project.

We express our thanks to all staff members and friends for all the help and
coordination extended in bringing out this Project successfully in time.

Finally, we are very much thankful to our parents and relatives who guided directly or
indirectly for successful completion of the project.
 CONTENTS

Sl.No. Particulars PageNo.

1. Introduction 5
2. Algorithm /Flowchart/Procedure 6
3. Requirements(Hardware and Software) 7
4. Implementation(code) 8
5. Results 9
6. Conclusion 10

7. References 11
 INTRODUCTION

This Android app is a basic to-do list application that allows users to add and remove tasks. It
provides a straight forward user interface with an input field for entering tasks, an "Add
Task" button to add tasks to the list, and a List View to display the tasks.
Adding Tasks:
Users can type a task in the provided input field and click the "Add Task" button to add it to
the list.
Removing Tasks:
To remove a task, users can long-press on the task in the list, triggering the removal
functionality.
How To Use:
• Run the app on your Android device or emulator.
• Enter a task, click "Add Task", and see it appear in the list.
• Remove tasks by tapping on them.

This simple app is designed for learning purposes and serves as a starting point for
understanding fundamental concepts in Android app development, including user interface
elements and event handling.
 FLOWCHART

Start of program
|
|
Initialize Task list
|
|
Display Empty Screen
(Input Field, Button and
Empty List)
|
|
User Enters a Task and
Clicks on “Add Task”
|
|
Add Task to List
|
|
Update Displayed list
|
|
User Long-Presses task
To remove from list
|
|
Remove Task from List
|
|
Update Displayed List
|
|
End of Program

 The program starts by initializing an empty task list.

 The user interacts with the app by entering a task and clicking "Add Task".
 The entered task is added to the list, and the displayed list is updated.
 If the user long-presses on a task, it is removed from the list, and the display
is updated accordingly.

This simple flow chart provides a high-level over view of how the app works, from the start
to the end of the program.
 REQUIREMENTS

Hardware Requirements:

Computer:
A modern computer with decent processing power.

Memory (RAM):
At least 8 GB RAM for a smooth development experience.

Disk Space:
Keep 4-8 GB of free space on your computer.

Processor:
A multi-core processor, preferably 64-bit.

Software Requirements:
Operating System:
Windows10, Mac OS 10.14 or later, or Ubuntu 18.0 4 or later.

Java Development Kit (JDK):

Install the latest JDK (version 8 or
later). Setup a simple setting on your
computer.

Android Studio:
Download and install Android Studio.
Follow the setup instructions for your operating system.

Android Emulator or Physical Device:

Use the Android Emulator or connect a physical Android device for testing.
Enable USB debugging on your device if needed.

Code Editor (Optional):

You can use Android Studio's built-in editor or try others like Visual Studio Code.
 IMPLEMENTATION

APP.PY CODE :

from flask import Flask, render_template, request, redirect

app = Flask(_name_)

# Sample data structure to hold tasks

tasks = []

@app.route('/')
def index():
return render_template('index.html', tasks=tasks)

@app.route('/add', methods=['POST'])
def add_task():
task_description = request.form['task']
hours = request.form['hours']
minutes = request.form['minutes']
ampm = request.form['ampm']

# Create a time string in the format "H:MM AM/PM"

time_string = f"{hours}:{minutes} {ampm}"

# Append the new task to the tasks list

tasks.append({'task': task_description, 'time': time_string, 'completed':
False})

return redirect('/')

@app.route('/complete/<int:task_id>', methods=['POST'])
def complete_task(task_id):
if 0 <= task_id < len(tasks):
tasks[task_id]['completed'] = not tasks[task_id]['completed']
return redirect('/')

if _name_ == '_main_':
app.run(debug=True)
index.html :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do List</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #0085f1;
}
div {
background-color: rgb(7, 255, 218);
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 400px;
text-align: center;
}
ul {
list-style-type: none;
padding: 0;
}
li {
padding: 10px;
margin: 5px 0;
transition: background-color 0.3s, text-decoration 0.3s;
}
li.completed {
text-decoration: line-through;
color: gray;
}
button {
margin-top: 10px;
}
select {
margin: 0 5px;
 }
</style>
</head>
<body>
<div>
<h1>To-Do List</h1>
<form action="/add" method="POST">
<input type="text" name="task" placeholder="Add a new task"
required>
<select name="hours" required>
{% for hour in range(1, 13) %}
<option value="{{ hour }}">{{ hour }}</option>
{% endfor %}
</select>
<select name="minutes" required>
{% for minute in range(0, 60, 5) %}
<option value="{{ '%02d' | format(minute) }}">{{ '%02d' |
format(minute) }}</option>
{% endfor %}
</select>
<select name="ampm" required>
<option value="AM">AM</option>
<option value="PM">PM</option>
</select>
<button type="submit">Add Task</button>
</form>
{% for task in tasks %}
<li class="{{ 'completed' if task.completed else '' }}">
<form action="/complete/{{ loop.index0 }}" method="POST"
style="display: inline;">
<label>
<input type="checkbox" onchange="this.form.submit()" {% if
task.completed %}checked{% endif %}>
{{ task.task }} - {{ task.time }}
</label>
</form>
</li>
{% endfor %}
</ul>
</div>
</body>
</html>
OUTPUT
 CONCLUSION

In summary, the dynamic to-do app for Android, coded in Java, provides a user-friendly
interface for adding and removing tasks. The app's dynamic List View ensures real-time
updates, demonstrating key Android development concepts. Developers must meet hardware
and software requirements, including JDK and Android Studio installation. This app serves as
a foundational example for beginners, offering room for expansion and customization in
future projects.
 REFERENCES

 Build an adaptive app with dynamic navigation | Android

Developersjava-CreateapplicationclassdynamicallyinAndroid-
StackOverflow
 TheUltimateGuidetoDevelopingHigh-
QualityAndroidAppswithJava...Build Your First Android App in Java |
Android Developers
 BuildAppActions|Documentation|AndroidDevelopers