/django-flutter-todo

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

Primary LanguageDartMIT LicenseMIT

Todo Application

Flutter + Provider + django + django REST Framework

About

Todo application made with:

Features

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

Setup

# clone the project
git clone git@github.com: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

Home screen

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

Add item

Here you can add any task

Multiple tasks

Here you can see how it looks with multiple tasks added

Progress on multiple tasks

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

Completed tasks

Here you can see the compelted tasks tab

Incomplete tasks

Here you can see the incompelte tasks tab