https://github.com/fedorajuandy/daily-journey
Daily notes using Flask
https://github.com/fedorajuandy/daily-journey
bootstrap5 flask html-css-javascript mysql python
Last synced: 3 months ago
JSON representation
Daily notes using Flask
- Host: GitHub
- URL: https://github.com/fedorajuandy/daily-journey
- Owner: fedorajuandy
- Created: 2022-12-26T15:49:23.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-09-25T17:07:02.000Z (almost 3 years ago)
- Last Synced: 2025-07-07T00:04:22.468Z (12 months ago)
- Topics: bootstrap5, flask, html-css-javascript, mysql, python
- Language: HTML
- Homepage:
- Size: 708 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LUCISCO - DAILY JOURNEY
## Video Demo: [URL Link](https://youtu.be/j5UB_CQ2Kho)
---
## Description:
### About
A simple web based application to write some important things or a journal daily focusing on simplicity. Or not really. This has stranded away. In the end, it is more a flexible daily notes with per user's choices configuration.
### Background Story
At first, I was about to make something similar, more to daily task in mobile phone, yet... let's say some people have a tendency to ignore the plans. So, rather than planning, I think it is better to see what we have accomplished in daily basis and and compare the results to see our own progresses.
Another personal reason is, I used to keep simple journal on my NDS as a habit from more than a decade ago. It is easy to use yet the date stopped adding after year 2020.
The last reason of this is to try implementing what I have learnt about Python Flask. I am planning to continuously explore this in the future.
---
## Design:
### Name
The simple, to the point of the application's name itself is "Daily Journey", then I decided to add it to a (maybe) serie named "Lucisco", in which I would use to learn things. Lucisco is taken from Latin, which meaning is "Dawn".
>
The simple philosophy behind it is to continue rising like a new day.
### Logo
Continuing from the name, the first thing that came to my mind about "continue rising" is a phoenix, for some reasons I refuse to indulge. Nuh uh. Emotions go bye-bye. Anyway, so I made the logo of Lucisco as a phoenix.
### Color
Dawn's and phoenix's colors are of course, shades of beautiful red, but nah, let's be the weird one. I choose blue for the brand's color is to convey calmness when facing problems even if some parts of us might be burning with uncontrollable enerby.
---
## Database
From the diagram, we could get tables:
1. beverages
This table contains the list of beverages that each user can modified according to their own habits.
2. daily_beverages
This table contains the list of beverages a user consumes per day. In the beginning, I consider only adding a number of glasses, but some people like to control their sugar intake or other stuff.
3. daily_food
This table is the list of food a user consumes per day.
4. expenses
This table contains daily transactions, not just expenses, though it is named like that since most people are more familiar with it.
5. food
This table contains the list of food that each user can modified according to their own habits.
6. importances
This section of database contains list of important stuff, anything, that present at the day.
7. journey
This table is the main journey data.
8. moods
This table contains the list of moods that each user can modified according to their own... usual emotional range.
9. people
Now, this is the feature that I firstly (and never again) found in the said NDS game; a section to input a person per day. The context of it, I leave it to you to interprete, whether the most favorite person, the one brings you happiness, the one ruins your day, or the one you dayream about :D
10. users
At first, I want to make it either userless or just a simple user with a single password, but considering there would be some people using the same device together or even some snoppers snooping around, I decided to make it multiusers anyway.
11. weathers
This table contains daily most weather. Yeah, most. Just one per day for now.
---
## Files Structure
- additionals
Additional files for references.
- daily-journey.sql
Base database without any data.
- database-scheme.png
Database structure.
- static
Static files.
- form-validation
Front-end form validation from Bootstrap with modification.
- lucisco-header.svg, lucisco-icon.svg, lucisco-login.png, lucisco-login.svg
Images in app.
- templates
App's html files. The folders within this folder are for managing same table's function; like create, edit, and index of 'food' part. The 'apology' file is for error page, the 'index' file for home page, 'layout' for master template, and 'login' for log in.
- .gitnore
Standard gitnore for Python project with session as addition.
- app.py
Main app.
- helpers.py
Python helper functions.
- README.md
This file; which is the explanations.
---
## Project setup
### Install dependencies
- pip install Flask
- pip install flask-mysql
- pip install flask_session
- pip install requests
- pip install flask_mysqldb
### Starting
- `python3 -m venv venv`
- `venv\Scripts\activate`
- `flask run` or `flask --app app.py --debug run`
> [To run flask in debug mode](https://stackoverflow.com/questions/16344756/auto-reloading-python-flask-app-upon-code-changes)
- `export FLASK_APP=app`
---
## References and Credits
### Images Source
- Logo Image
Phoenix
By : Saeful Muslim
Source : The Noun Project
License : CC BY
Link : [Phoenix icon](https://thenounproject.com/icon/phoenix-2266436/)
### UI/UX Inspiration
- [Notes app](https://dribbble.com/tags/notes_app)
### General codes' understanding (and future reminders)
- Past projects, assignments, and random stuff
- [Instructor in my institute](https://github.com/nekoto-kun/)
- [Set up Flask with MySQL](https://flask-mysql.readthedocs.io/en/stable/)
- [Bootstrap v5.2 documentation](https://getbootstrap.com/docs/5.2/getting-started/introduction/)
- [Flask MySQL CRUD](https://ngodingdata.com/tutorial-flask-crud-dengan-mysql-part-1/)
- [Issue with Bootstrap's pointer at NavLink](https://github.com/reactstrap/reactstrap/issues/450)
- [Python Regex](https://www.w3schools.com/python/python_regex.asp)
- [Check cursor's result](https://stackoverflow.com/questions/31692339/mysqldb-check-if-row-exists-python)
- [Convert time to certain format](https://tableplus.com/blog/2018/09/ms-sql-server-how-to-get-date-only-from-datetime-value.html)
- [Change Bootstrap tab css](https://stackoverflow.com/questions/51701512/how-to-change-the-color-of-active-tab-in-bootstrap)
- [Bootstrap datepicker](https://bootstrap-datepicker.readthedocs.io/en/latest/)
### Tools Used
- Visual Studio Code v1.74.2.0
- Laragon v5.0.0
- [Figma](https://www.figma.com/)
- [Adobe Creative Cloud Express](https://express.adobe.com/express-apps/logo-maker/)