ingeniousfrog / django-flutter-todo

Todo application made with Flutter (Front-end) and Django (Back end)

Todo Application

Flutter + Provider + django + django REST Framework

About

Todo application made with:

• Flutter (Flutter is an open-source UI software development kit created by Google)
• Provider (State-management library for Flutter)
• django (Back-end REST API using django REST framework)

Features

• Create a new task
• Complete a task
• Delete a task
• View incomplete tasks
• View complete tasks

Setup

# clone the project
git clone [email protected]:ReeceRose/django-flutter-todo.git djang-flutter-todo
# install pipenv if not installed already
pip install pipenv
# install all python packages
pipenv install -r requirements.txt
pipenv shell

# setup backend
cd Backend
# make / apply all migrations
python manage.py makemigrations
python manage.py migrate
# create new super user
python manage.py createsuperuser
# run python server (http://localhost:8000)
python manage.py runserver

# open new terminal and go to the Mobile folder to setup front-end
cd Mobile
# get flutter packages
flutter packages get
# run Flutter project
flutter run

Screenshots

This is the home screen. From here you can see all of your tasks, add new tasks, and delete tasks

Here you can add any task

Here you can see how it looks with multiple tasks added

Here you can see how it looks with multiple tasks in different progression states

Here you can see the compelted tasks tab

Here you can see the incompelte tasks tab