Home
Softono
django-flutter-todo

django-flutter-todo

Open source MIT Dart
87
Stars
36
Forks
2
Issues
4
Watchers
3 years
Last Commit

About django-flutter-todo

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

Platforms

Web Self-hosted iOS Android

Languages

Dart

Links

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 [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

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