Note to Self

Domain Modeling :: To-Do Lists
To-Do Tasks app with Python, Flask and SQL frameworks.

YouTube Demo

DEV Blog

About

This is my final project of CS50 (CS50x through edX), Harvard University's introduction to the intellectual enterprises of computer science and the art of programming.

Note to Self app is a To-Do Tasks application. First time user is required to register, and returning user needs to log in. The Minimum Viable Product (MVP) of Note to Self is for users to be able to log chores along with correspoding level of priorities.

Project Files

.
├── static
│   ├── apology.gif
│   ├── favicon.ico
│   ├── giphy.gif
│   └── styles.css
├── templates
│   ├── apology.html
│   ├── index.html
│   ├── layout.html
│   ├── login.html
│   ├── new.html
│   ├── register.html
│   └── todos.html
├── app.py
│       user flow, business logic
├── helpers.py
│       apology, login_required
├── notetoself.db
│       users, todos tables
├── notetoself.sql
│       schema
└── README.md

Installation

How to set up on local IDE

$ git clone 👾
$ python3 (to confirm Python fully installed)
$ node -v (to confirm Node.js fully installed)
$ npm i -g http-server
$ which sqlite3 (to confirm SQLite fully installed)
$ pip3 install flask
$ pip3 install cs50
$ pip3 install lib50
(restart terminal if this is first time of installation)
$ flask run

Open Chrome browser, and redirect to a new local host to start the app.

Build Status and Future Improvement

Note to Self was completed in 3-day timeframe from implementing JavaScript, Python, SQL and Bootstrap library. Future cycle of product development as follows:

• Edit. User can only create and read. Ideally, we would like edit and delete functionality.
• Quick Find tab. Over the time, user will have many tasks, and it gets troublesome when the user needs to immediately access a specific task entry. A search bar to quickly type event title and access the journal entry would be useful.
• Current task entry allows priority, title and description attributes. Each entry should have more functionality for the user, such as weather, scheduling, sharing capability, image upload and so on.
• Create a toggle track for dark mode. 😎

Stack

• Flask
• Jinja
• SQL

Resources

• Bootstrap
• Giphy
• Jinja