working on the web version, speed run learning flask

Dev log
Currently working on the web version of the app so users don’t need to download the .exe file anymore.

Dev log
In this update, I focused on the UI, created new note types, and added sound effects. I’m also preparing to turn this project into an executable file.

Dev log
In this update, I have changed the drag and drop system so the user can drag the note outside the board. When the user drags around the board, when released, it will snap to the nearest grid.
I also updated the delete feature, so instead of the user clicking on it then selecting what they want to delete, they can just drag the note to the trash icon to delete that note.
I have also updated the visual for the user sticky note, changing most of the btn to icons to make it more appealing.
#What next

• Continue updating the icons and symbols, add an animation or something, make the visual more appealing (FOCUS)
• So starting from now, imma start working on a web version of this so ppl who do not want to download the app can still try and run my project
• Maybe make this accessible for macOS (in the future)

Dev log
So in this update, I created a drag-and-drop function that users will be able to use to drag and drop the notes they have saved or created on the board. I changed the load note and create note functions. So in this update, instead of the user clicking on the sticky note (for example, the yellow note) and then selecting “load saved note,” the user now just double-clicks on the note icon on the screen, and it will open that note immediately.
#planning

• Right now, there is a bug with deleting notes (represented by the trash icon). I will try to enable users to drag their notes outside of the board and then drop them into the trash can area to delete them, improving the UI.
  #Shout out
• So I learned about drag and drop from: (https://www.youtube.com/watch?v=uGmMsGOcBB0). This is like the basic of my drag and drop logic ( I do not copy from his code, but like watch his video to get an ideal of how drag and drop work in python)

Dev log
So in this update, I added the ability ot delete note, so the user created note -> they don’t want it anymore, they can just press the trash can , select what they want to delete and it will be delete
#Planning
So rightnow, the pop up still showing so imma continue working on that one
SInce im planning to update the note so that when the user finished create and save note –> a icon will show and you will able to drag and drop it to the board thing at the main menu

Dev log
Update the main menu Ui, instead of a pop up asking if user want to create or load note, update it so that it just appear within the window. Add a function to load the lastest note ( Ex) if you jsut edit a note and press load the lastest note, it will load that. same for other.

Dev Log

New stuff

• Updated UI, thanks everyone for the feedback on the last ship, I’m right now focusing on working on the user UI and trying to create the best version of it. (pretty basic but will continue to update today)
• Added a drag and drop script, and eye detecting for future stuff

Dev log 6
In this update, I first start working by converting the sticky note and brain dump notes into class. This is the first time i using it. Next it I createa a time count down laberlwhere the user can start count time down ( like spend how much time on my app some thing like that)

Dev log 5
This is a small update to the store_data feature. At first, when I tried to run both programs for example, if I run Sticky Notes first, its data still writes normally. However, after that, I tried using Brain Dump Notes, and the data from Sticky Notes got overwritten.Therefore, my immediate solution is to create folders to save files correctly. In the future, since two files in a folder might have the same name, I might either:

• Make the file name the same as the title. If the titles for two different notes (but the same type) are the same, the one that comes first will have the number 0 in front, the second one will have number 1, and so on. ( go with this one)
• or just ask the user what the save file should be named.

Dev log 4
In this dev log, I have created the brain dump note where you can just dump all your thoughts in it. It behaves like a text file. You can also change the title (just like with the sticky notes). I updated the store_data thing so now it saves info when you click on the save button. The things saved are the title (if there is no change, it will auto-save “Brain Dump Note”) and the paragraph part (which is the part you will write on; if there is nothing, the initial_paragraph will just be blank “ “).
#what im going to do next.

• next I’m probably going to work on the main_menu thing.
• Camera tracker later.

New stuff

So for this update, I used JSON to save user data (when they press save data). This will save where the user checkmarks, the title name, the content of the notes, and the priority (the highlighted red part).

What is being worked on/planning to working

-Right now I’m starting to work on the main menu, where I will add other note types and the function to load existing notes (which is what the load data feature does). Create a bone structure of the app.
-After finishing the main menu and the other note types, I will start working on the camera detection system where it will detect the user’s eyes / objects such as a phone

Errors I have encountered

• During my time working on the store system, this is the first time I have ever done this, so this is kind of new. At first, the data would load incorrectly. Therefore, I watched some YouTube tutorials and found stuff on Stack Overflow to help me with this. Idk, but this is the hardest part of my project up till now.

Dev log 2

So I have created the main component for the sticky note. I have added the ability to change the title, add tasks, check buttons, highlight, and finish. When the user presses finish, it returns to the main menu.

What is being worked on

-Right now I’m working on the data storage system, where I will use JSON to store my data such as notes and titles. (Priority #2)
-Making a simple main menu, since my previous one was reset because it was unstable, so I’m starting from scratch. (Priority #1)

Bugs / errors encountered

-During development, I forgot to push a stable version (which I regret). As a result, while adding the timer counter and data storage system into the logic and UI for the sticky note, I lost track of what I was doing.

Dev log
I create a plan on what my app should have and what kind of library I should use. my app will try to match all of these : Task tracker with priorities and streaks. ( detect # of time user slack off / not focus ( like the screen not active
Study planner with daily and weekly views. Distraction blocker helper with accountability tools.
Productivity analytics based on tasks or sessions. ( Angry sound will play - but in future update I will add like animation of someone walking over ur desk and yell at u

Dev Log:
So this is my first time ever working on a 3D game, so before start this project, I start working on the game system, ( maybe story mode) , npc ( probabillity do in like pixel art 2D cuz my blender skills isnt that good).

• As for now I have created the main ship ( like the user main ship)

what need to work on

• Do add an enviroment, like night sky or something ( 1 pirority )
• Do the camera follow player ( as you can see in the screen shot
• space ship momvent next

#Dev Log
I update the game, add it into itch.io , and make the page as good as I could

Dev log
Update star system, add tutorial video, createa dev mode for easier to test

Dev log
So for this work, I have been figuring out how to change the image as the conditions change. I updated the star system so that when the player uses hints more than x times (depending on the difficulty), and makes the wrong number of moves (depending on the difficulty), it changes the stars. I also made a working on/off button for the background music.

#What next

• In the next patch, I will add a victory screen so that the user can view the stars, and this will also update the stars in the level selection.
  -Add a time-to-solve feature, like a record of the fastest time you solved the puzzle.
  -Make new background music for the main gameplay.

Dev Log 5:
I have been working on the UI for the game. So far, I have created the game completion menu, which shows the user a star-based score.
I also added a simple soundtrack.

Dev log 4
SO right now, I have complete the basic of the basic : gameplay: yes. Menu and level selection: Yes
#Need to work on
A game finish screen: Show when the user fully solve the sudoku or when life = 0.
Since I already add a timer, im planing to add a fastest time value, like record or smt like that
Music and sound effect: Working on it rn
Add custom font instead of using just the pixel font, make the UI better

Dev Log 3:
I have completed the basic menu, stage selection, and core logic for my game.

Planning to Implement

• Add a star rating system (out of 3 stars)
• Add a “Help Me” option to assist users when they are stuck
• Add a timer and store the user’s record (time)

Dev Log 2:
Right now, I have finished the main gameplay (the easy mode for the game), but it still needs more testing. Since the random generation part is working fine, I’m going to keep it after two test versions.

Planning to Work On

• Story idea: not sure what to do
• Working on some 2D drawings or something similar. The 2D Sudoku board should be placed on top of a 3D model (a wooden box), similar to the Japanese game “Go”.

Dev Log:
Right now, since I’m not sure what I will work on, I’ve started working on this Sudoku project. For now, I’m just focusing on the main gameplay. Currently, the user can select a cell and then press a number button, as you can see with the selected button.

Working On

• Since my game will be like a text-based adventure game with Sudoku as the main gameplay mechanic (Subject to change), I’m focusing on the game mechanics first, then moving on to the story (and potentially creating or downloading assets for the game).

So for the past few day I just working on game asset, and ideal stuff. For now, I have the visual for shop, menu, character library, ideal for the game mechanic.

Fix the logic for downloading videos and both options in the .exe file.
Switch to using FFmpeg, but only include the required FFmpeg components instead of downloading the full package.
Next steps:

• Update the README file.
• with a video with instructions on how to download and use the app.

New Features

• Added a new visual indicator so users can detect if they haven’t filled out the required field. When the download process is complete, it returns to a static state.
• Added a settings button containing information about the app, a tutorial on how to use it, and details on how users can contribute to the app.
  -Added a status section that displays the video size, Wi-Fi speed, estimated waiting time, and download completion percentage.
  Things to Improve
• Sometimes the video cannot be opened using the default media player, but it works with VLC Media Player.
  Things To Do
• Convert the project into an executable (.exe) application file.
• Gather user feedback, ideally by asking people to test the app before shipping.

I forgot to update the Dev Log.

New features:
The user can now download videos in a specific resolution (e.g., 1080p, 720p, down to 144p). The storage size is correct most of the time.
I also updated the naming system. The file name will now be: Title + (audio/video/both) + (resolution). If the user chooses auto download, the name will be: Title + (audio/video/both) + auto (usually around 720p–360p).

Things that need to be fixed:
Currently, some video resolutions do not open in Media Player but work fine in VLC Media Player. This is not a major issue right now, but I will investigate to ensure compatibility with Media Player.

Planning:
Add detailed information above the progress bar, including download percentage, download speed, and estimated time remaining.
Since most of the features are completed, I am planning to work on a custom user interface that allows users to change text and background colors.

Planning to implement:
A new user interface with custom GIF animations for the progress bar.
A message system that displays specific error messages.

Dev Log:

I redesigned the user interface, made it more user friendly and add new feature that the user can download video,audio only or both ( basiclly normal video)
New Feature:
The user can now download audio, video, or both options. Simply click on the checkmark and you can download it.
Known issues:

At first, while testing, the video doesn’t get replaced when I click different options, it’s still the same video file not the audio only or video only. To solve that, I made it so the name of the file will be title + _download option (video/audio/both). (SOLVED)
When downloading the video it still shows the same storage it will take up → planning to add a function so that if the user selects audio, just show the storage for audio. If video only: show it, but the video should be lighter than the both version.

Planning to implement:

Add a feature so that if the user clicks on audio/video/both → show the correct storage it will take.
Since right now, I already have a working box that will retrieve available resolution from the video and the storage it will take up. I’m planning to add a new feature so that if the user clicks/presses/selects the video option, that will download.

Help:

If anyone knows how to style an app, like add pixel art or something using python please help me. My UI cooked 💀

I added a progress bar feature so users can see how much of their video download is complete. When a user starts downloading, the progress bar fills up and changes color based on what’s happening. Blue means the video is downloading, green means it’s done, and red means something went wrong. When the user downloads another video, the progress bar resets and starts over again.
##New stuff
Progress bar that fills up as the video downloads
Color changes to show the download status (blue = downloading, green = finished, red = error)
Progress bar resets automatically when downloading a new video
##Known Issue:
During some of my tests, when I turn off wifi, the progress bar does not turn red during the download process. The terminal does detect that something is wrong and returns errors. I’m planning to create a function to ensure that if an error occurs, the progress bar turns red and displays a message above the text indicating the error type.

I added a feature that shows the user a list of resolutions they can download videos from. I use the yt-dlp library to extract video metadata without downloading the file. The get_video_qualities() function retrieves all available formats, filters out audio-only streams, extracts resolution heights and frame rates, then sorts them from highest to lowest quality before displaying them in a listbox widget.

New Feature:

• Allow user to preview list of available resolutions before downloading
• Display resolution with FPS information (e.g., “1080p (60fps)”)
• Sort resolutions from highest to lowest quality

Known Issue:

Not really a bug, but when showing the resolutions, the list includes uncommon video resolutions like 180p, 90p, or 45p that I’ve never seen used in practice. I’m planning on creating a whitelist/filter that will remove these unusual resolutions from the video quality listbox to avoid confusing users with non-standard options.

I added a browse button using the askdirectory function that open the system file explorer and let the user to choose a folder they want to save their video . When the user clicks it, it opens the file explorer so they can pick a folder. I used tkinter.filedialog.askdirectory for this in the UI. If the user doesn’t select anything, the program just returns and nothing happens.

Dev Log 3: I made a simple Python UI where the user can paste a video link and choose where they want to save the video. I wired it so the UI grabs whatever the user enters (video link + save path) and sends it to download_logic to start the download. The video gets saved as video_name.mp4. If the video doesn’t have a proper title, the filename ends up as a blank/placeholder name instead, which I’ll probably need to handle better later.

I first created a test version with no UI yet. To download a video, you need to copy the video link and paste it into the save path field, then enter your desired save location. Using yt_dlp, the program downloads the video as an MP4 file. I also use it to extract the video title and save the file with the same name in the folder you choose

So I basically created a list of goals I should accomplish to build this application.”

Shipped!

Shipped this project! 2D Simple Space Shooter is a classic arcade-style space shooter game I built with Godot Engine. This project combines fun gameplay mechanics with solid visual and audio design. My favorite feature is the dynamic enemy AI system and the satisfying particle effects from explosions. I hope you enjoy playing through the waves of enemies and collecting those power-ups!

Dev Log : I added looping main menu music and implemented essential sound effects for gameplay, including player damage, enemy explosions, laser fire, enemy hits, and power up and all managed through a centralized sound effect player and working correctly across scenes.

Dev Log 20: Fixed bugs so power ups now behave the same way as enemy spawners.
There are currently two types of power ups: Health and double trouble (which is basically a double laser).

Dev log: Added a menu option that appears after the player dies. Currently working on health restore items and power up and encountered bugs (debugging)

Dev Log: Added a menu containing Start and Quit options. When the player selects Quit, the game stops. When the player clicks Start, they are redirected to the main gameplay.

Dev log#17 Finally fixed those annoying bugs that were driving me crazy! I fixed the problem with the armor not changing when the spaceship got hit, and I added a score system so hitting enemies now gives you points

Dev #log16: add health bar + score HUD. Encounter bugs that I not sure how to solve, continue to debug

Dev log #15 : add HUD

Dev log #14: Kept fixing bugs. Might go back to an earlier version because of ongoing problems.

Dev Log 13: Add Camera → I want to add a shake movement when the player kills an enemy or when the player’s hip is attacked. However, there are bugs with the camera when the player hits an enemy, which I’m currently trying to debug, so debugging will continue for now.

Dev log 12: add explosion animation to both spaceship and enemies

Dev Log#11: Add ship explosion when armor = 0

Dev log #10 : Added enemy/space ship attacks. When the player’s bullet collides with an enemy ship, the enemy ship will be destroyed. The yellow enemy ship has 4 armor (HP), and the red enemy ship has 2 armor. Each bullet fired by the spaceship deals 1 damage. The player’s ship will disappear after colliding with enemies 4 times, as each collision counts as 1 damage toward the ship’s armor (the ship has 4 armor).

Dev Log #9: add health for each enemy + player’s ship -> cause some errors , continue to debug

I added a new enemy type that can shoot and move horizontally. It’s supposed to bounce when it reaches the screen borders, but it doesn’t yet, so I will continue fixing this bug.

#Dev log 7
I made a spaceship that moves left and right with the mouse and shoots lasers from its left and right cannons. I added a timer to make it shoot continuously. I fixed the code so the lasers appear in the right place and used call_deferred to make sure they are added safely. Now both lasers come out of the cannons correctly and keep firing.
pls gimme feed back if you think I could do better

Fix bug + add bullet movement

Enemies can now spawn in multiples at random intervals between 0.5 and 1.5 seconds

Add enemy + enemy spawner( the enemy will spawn at random point on top of the screen ) +/- 16 from the barrier

add background + movement

add ship sprite and add collision to the ship , code the ship so that It follow the mouse on x axis

SO I just add font, sprites for ships and change some setting in godot