Kcoder

Only have one devlog, even though pretty much done with it. I want to add custom animations to it to make the lore more immersive, though, so maybe more?

I added golden apples and mystery snacks that, in my opinion, make the game a whole lot more fun

I added it to the home page as well as the top bar and then updated the README also to contain the new feature. Lastly I pushed everything to Nest and managed to make it work on my second try. P.S. That's a new record for me. I use Windows, so I'm not used to Linux.

Ok, it's working now. The bullet points look like 3 paragraphs, but even after I told it to max 1-2 sentences in each bullet point, it didn't listen. I guess I tested too much, so I ran out of tokens, but I assure you the bullet points work, maybe not the best, but they do work.

Ok, I added text summarization. Everything works except the type, I just need to work on that a little bit more before it's perfect

updated the cards on the home page to match the current options on the website.

I am now creating a new level. level 2. I want it to be an upgrade. so now instead of selling apples. You buy food and workers and then sell it at your restaurant

ok, both of those bugs are fixed. They were both lowkey a lot harder than i though they would be. I expected that to take a lot less time. Now that both of them have been fixed, I will try to think of more things to add.

I finished the frontend mostly. There are still a couple of bugs here and there, such as the count of RSVPs not automatically updating after you rsvp or change it. I also have to update the fact that when you create a new event, it's automatically ongoing, and this does not open the address option, which means that the address will be left undefined.

I added locations and rsvp on the backend. For locations so far, the creator of the event can give an address or link to a meeting that the user can see. I want it to be a map to make it more usable in the future. The video below provides a detailed view of the endpoints using the FastAPI auto-generated documentation.

I made a list of things I want to add. Its not a long list but maybe I will think of more things while making this.

The form went out of focus everytime you clicked on a key, so i put together a little video editing of the before and after to show you what i did.

I created the README and updated the head section of index.html to match my website

I tried giving it more of a hackclub vibe by taking CSS from theme.hackclub.com. It looks a lot better than before. Next up I think I will write a ReadMe and then check to see if i have any finishing touches to add.

I added functionality for the users to get a alert when the backend is not working. I had no idea how to do this but was suprisingly easy just had to add on to the useEffect I already had. After that I added some comments on code just to improve the readability as well as some other minor changes.

Made a small change in the code so that the url at the top changes to / when you use the share link instead of it being /share-event?id=12345

I added exporting as a .ics so you can use it on Outlook and other calendars

Ok, I fixed all the little errors that were there before, and I added functionality to share events by copying the link, mailing, or sending via WhatsApp

That took so long. There was this really annoying bug that was practically impossible to kill. No matter what I did, I always got 422 Unprocessable Content. I had no idea why this was happening, and in the end, it happened because there was an error in the database schema, which resulted in me getting errors even after I fixed it. I had to delete and recreate the DB for it to work. It took me too long to realize that. :(
There are still some things I need to fix, such as you have to refresh the page for the ideas to show up, and when you delete the idea, the modal doesn't disappear immediately. It should be easy fixes and shouldn't take too long.

Added stats. time to completely rework the CSS to make it look more hackclub theme-like.

I added the ability to update events. next, I want to add the stats in and then update Tailwind to look more like the hackclub theme colors

I got the two ends linked. Not my best screen recording the top got cut off but after I submitted the new event, I was reloading the page to show that it will still work after. Also, I kept the event, but you can delete it and also make edits to it. I still have to add editing, though.

That took so loong. I worked on this for probably 45 mins and then had to go take a break and watch One Piece. It's done. I added every single endpoint I could think of, and it's looking pretty good. I am not happy, though. You see, I enjoy writing code in Python, which is why I can go so long without taking a break for this, but now I have to write the frontend, and that makes me sad because JS is kind of boring, ngl. But hey, check out how many endpoints I added, it's a lot. There are almost 400 lines of code in the backend now!! Which is crazy. This is getting pretty long, so bye 👋

I made a basic app. it just adds events and makes the events. Its good, but now I have to make the backend for this so I can save details. You can even make a event by clicking on the day it happens.

I rewrote the frontend, kind of. It jumped from ~~700 to ~~1000 lines. I wrote a lot of it with Claude, but like 30% was by me :). IDK why it returned the same thing I typed, but I think that next I will work on the system instruction.

That took much longer than it should have. ChatGPT took me down a rabbit hole of wrong code. I had to get Claude to help me out of this. Not gonna lie, claude is better. But, back to the main coding, I finished the backend for the ai generating better descriptions now i gotta do the frontend

I made the readme and finished. This was a small project, but i think it helped me learn about data scraping

I added an option to download data that is scraped, as well as hosting it on render

its still not the best but I am still working on it. the goal for this project is to add a lot more functionalites so lets see how much we get.

I made the data scraper. I'm going to add more functionalities and Tailwind CSS to it still.

Made the readme.md file. also uptimerobot doesn't do anything so I might have to find another solution to keep it on such as adding an head route so that uptimerobot can call that. idk if it works but i will try it.

I had to make some changes to the code to host it. its hosted now, though! https://project-idea-gen-frontend.vercel.app/. That's the frontend. also, for the backend, I used Render, but it shuts down after inactivity, so I was gonna use Nest to host. this is why I wrote a whole setup.sh file. Then I realized that I could use Uptimerobot to ping my render webservice, and it will never go down. Yay!

That sure took a while. It took so long to get both sides working. It took me probably 40 minutes to get the backend working and then 1 hour working on the frontend. I am proud of the frontend, though I was originally going to make a table, but I am so glad I did this instead; it looks so good. It probably took me longer than it should have, but I like it.

That lowkey took longer than I expected it to. I added a search feature, and there were some issues with the way I was handling incoming requests in the backend, so I had to rewrite the search api as well as add a new endpoint that is the debug database, which returns the number of ideas currently in the database. Currently it searches in the title and description columns of the db

I used Chrome's built-in PDF converter to make it exportable as a PDF, although it's not the best. I might work on making it color-coded in the future, but for now, this is good enough.

I added functionality for the users to make a plan on how to start their projects. Its sends a backend call to ai and ai generates it.

I added the ability to generate ideas based on a prompt. I originally wanted to simply click a button and get a random idea, but with the same prompt, I always got the same result, so I pivoted to having the user provide a prompt. The user also has the option not to be added to the database. I did struggle for a bit with all the functionalities, but eventually got it down.

That took soo long, I went through so many different iterations for the css. I am using tailwind like I always do, but this time I went thought a lot of different ideas on how I wanted the website to look before I got to the final one. I originally wanted the website to have a summer.hackclub.com feel (this website), but then I pivoted to a white mode and then lastly to a dark mode type feel. I want to add some animations where, when I go from one section to the next, it looks like the next section pops out and takes the space of the first section instead of being beneath each other. I might not get to that, but I guess we'll see how it goes.

I added a voting system for the projects

I gave the user the ability to make new ideas

I added functionality for filtering between projects

I made a functioning backend that returns JSON messages based on input

I made the coolest README.md file ever!!! It has a dropdown! It took me a while to figure out, this was because when you add HTML to a .md file, there are no completions, so I had to type everything by hand. I like how it turned out, and I will probably use it as a template when writing other readmes.

I was having a bit of trouble getting the render application working but eventually I installed gunicorn and it all got fixed

I am done with this project. I spent so long trying to fix the video titles, as you can see in the last devlong were invisible. I checked the api, I checked my code, I checked everything, and in the end it was the CSS!. I set the text color to just so happen to be what I set the background color to. I fixed this, as well as some inconsistencies in the related videos section

I have never seen anyone use YouTube in light mode, so I turned everything into dark mode with the ability to add a way to swap between modes in the future.

I made a readme.md file! I think I covered everything in it. Probably will ship in 30 minutes, just have to come up with a better description for this :)

ohhh my gawd. that took so looong. let me break it down for you. I wrote 700 lines in 2 hours. then I spent 30 mins debugging, then I spent 30 mins writing to 800 lines. I debugged some more for half an hour, and lastly I erased some lines for better functionality and removed all of the comments for no reason:~{. I typed a bit too slow, but I was vibin to the music alr.

I have spent all of this time squashing bug after bug after bug and I am tired. I realized that I am sending user data to the backend which not very safe. I decided to completely overhaul how it works so everything is in the frontend and it stores data very soomthly. I am just worried how long this will take me hope not to long :}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah! that was the most annoying bug ever. I found a redding post and i was trying to use that to add related posts and eventually i crashed out and told chatgpt to do it. it kept on giving me different solutions and that went on for a long time. eventually i found out that youtube api has stopped this so i had to find related vids based on channel instead of video id. whew sry for me ranting for so long -->

I added a searching feature. This sends a request back to the Flask application, which then calls an api and then returns the result. originally, I had it call the api directly from the page using JavaScript, but due to CORS issues, I had to pivot.

Whew, that took a while. There was this annoying bug that whenever I added a description to the modal, it would render the modal unclickable. It took me too long to do that. and then after that, I had to deal with the audio not stopping after I exited the modal, and that also took a while.

I made a working page that shows trening videos on homepage and a search bar where you can search videos as well as play them in the site using youtube api's iframe.

Shipping it took so looooong. The whole reason this happened is that PyInstaller, the thing I was using to convert my file into .exe, was acting up and kept resulting in me having to make some changes and run it again and again. I also wrote my README.md file and made some finishing touches to main.py

With that the game is done. It took a lot less time than I though it would. I still have to ship it write a reame.md and all of that but the actual game is done. You can buy from the pear view what you have and then sell for even more money. dont forget the bonus coins that spawn every minute!

I added the coin farm, where a coin spawns every minute or so, and I added three fruits that will buy the three snacks in random positions inside the farm.

I gave the pear that you buy things from a truck and next I wanted to add a storage where you can see what you have. I obtained a shack top-view PNG and added it to the game. Next, I added another NPC there that shows a modified version of the shop that shows stock. I couldn't just hardcode the stock number into the image, so I created a dictionary that contains stock items and added a textbox where I needed the numbers to go.

Ahhhhh! I just dealt with the most annoying bug ever. Whenever I clicked 1, 2, or 3 to buy from shop it would buy multiple because of how fast the loop was. I tried so many different things and finally 1 worked. I also took me a lot of iterations to get the shop and the interaction text working. I know its in the wrong spot but that is just chaning cordinates so it should be an easy fix

I first read the PyGame docs for a bit and looked at some tutorials to figure out how it works, as I haven't done anything like this before. Next, I made a simple background in Canva and exported it as a JPG. After that, I got PNG images for the fence and the player. Last, I coded the player to move around and the fence to prevent the player from leaving the screen area

I made some last-minute changes. I rerouted the download button from downloading the .exe file to taking you to a GitHub release, as Chrome was blocking the installation for some reason. The main change that took me a while to do was to write a readme file, and I am pretty proud of it. It turned out nice, and I will probably use it as a template in the future.

I made a retro website where you can download the .exe file.
I just have to host the page now and i am done.

Now even if you don't know how to play checkers you will be totally fine!
I added a checkers rules button the leads you to popup with a link to https://officialgamerules.org/game-rules/checkers/ official checkers rules

I added a button in the middle of the game so that users could end the game at any time. In the beggining I was just making a whole new function for this, and I messed around with it for a long time, until I realized that I could just use the draw screen function because if they end the game, then the game is a draw.

With that I have officially made all the rules into the game. I just have to make it more user-friendly by adding other things, such as hints when the user if forced to jump and maybe an option to see available moves

I added double jumps. this was surprisingly much harder than I thought it would be. It took me way to long to do this.

I added kinging and once the the piece is kinged it can move backwars as well. Next I wil work on double jumps

I first made a sidebar, then added the turn and number of pieces to it. I also added a button on the end screen to restart the game.

I added the killing pieces and an endscreen. next, I am going to work on a sidebar that contains points and whose turn it is

I added the ability to move the pieces. Next, I added the ability only to move pieces diagonally. Then I added turns. And lastly, I added a textbox in the top corner that shows whose turn it is.

I made a checkers board that highlights the square you click on.

I worked on the readme file. I think that I am done now, so I will ship it.

I could not figure out why Image generation was not working so eventually I had to return to the docs. this is where I found out that google shutdown image generation in finland the location of the nest server. there isn't really anything I could do about this so I improved the error message so hopefully the user understands

I spent all of this time trying to find a way to download the generated file as a PDF. It took me so long because almost every single way to do this required me to download some sort of either .exe file ro sudo apt install somethine. I didn't have a problem with this but as I planned on hosting it on nest and I obviously don't have sudo acces for that so I tried and tried to look for another solution. This involved looking online downloading libraries using pip and trying tutorial after tutorial of this. sadly at the end It still wasn't working so I pretty much just gave up. I never even thought about looking online to see if anythin supported me sudo apt installing something. I did this after taking a break and found out that render supported this so thats what I decided to go with. During this time I also encoded the ids so that it is impossible to guess the id. Still working on making the id system better though.

I made it accessible directly from the frontend

Whew! That was a lot of work. I finally made a template for the resume. It took a while and I made it look good with tailwind css as well. Lastly I would like to mention my next steps. Make it more secure so that only if you know the right id can you see the data. I will use uuids for this so that it is practically impossible for someone to guess. and make it so that the template is actully visible on the main webiste. Right now its just an endpoint on the backend which return html. I have to take that and bring it to the frontend. <-- sry it pretty long

I made it look pretty good, I think. I tried to use Tailwind CSS at first, but that didn't work out, so I just used a style.css file. It's not the best, but if you were to rate it out of 10, what would you give?
Note: I zoomed out a bit to get this picture, so it will probably look a bit bigger in the actual website.

Ok, that wasn't as hard as I thought it was. It was just doing the role thing twice and then integrating the print underneath it. I am gonna try to add TailwindCSS to the project next to make it look cool 😎. It's my first time using it, so let's so how it goes.

As I think I said earlier, the experience and skills tab required the user to input the correct JSON format into it, so I fixed the skills tab as seen in the picture. The experience tab will be harder as it has more inputs, such as company role, and I might work on adding start and end dates later on.

I made a simple frontend that takes the info and sends it to the backend api. This relies on the user inputting their information as a JSON array, which could cause problems, so I will add a layer that will do it for them.

first, I started off by making the backend. It was pretty simple, so I finished it quickly and started with the frontend. I tested the backend using Postman, as shown in the picture, which made it significantly easier.

And finally speech to text works as well. I just have to make sure everything works on render where I am hosting this. I might switch to using Nest, but I just tried Render earlier, and it was working, so I am going with that for now.

I finally got it to work after experimenting with how to do it and messing around with the css for a while.

I shows the bot respose now just like when you write an essay or something like that, but still no chat type page. I am working on that now.

I tried to start the chatbot, but I was tired, so I decided to do it tomorrow. I got the basic page layout done though.

It finally works!! it took a while, and by the end, I ran out of api token on text-to-speech, but it works, and that's all I need.

I finished code generation pretty quickly, as it was just text generation with an extra markdown component. I decided to tackle a very hard one next, which is text to speech. And that's what I am working on, I can get the file to generate, but not to display on the website/download properly.

I spent way too long trying to get video generation to work. In the end, I found out it mostly costs money, so I decided that I would look into it at the end. Now I am working on code generation.

I made some improvements to the image generator and then changed the home page to look super cool and as well as adding some css

I made the image generator work now. It's mostly just example code from the docs https://ai.google.dev/gemini-api/docs/image-generation. I did text to image and now I think I will do image+text to image, which should bring the problem of uploading images, but I will get past that.

I just finished the short story generator, and I am now working on the image generator. I am also gonna add some other things after this. I also worked on the CSS and made it look so cool!

So far, I have started making this website. I added several pages and labeled them as 'under construction' sites. Next, on the essay-gen page, I used forms and text using render_template and HTML. lastly, I added the ability to call the gemini api.

I worked on making it available on PyPI for a while. I found this surprisingly difficult as it made me make an account, add api keys, GitHub workflows and etc. This is why I pivoted to have someone who wants to play my game clone the git repo and then run start.py to start the game.

I added, tested, and fixed everything. The only error was that there was no sleep(seconds) command in the toastocracy ending, so I had to fix that. Next, I made a list of every possible path you can take, whether it leads you to a win or not, in path.txt.

I finally added the last layer of the last option. I am done now. I just have to make sure everything is working and all the pages are hooked up correctly.

I finished layer 2 of option 2. In this investigation the bush you get 2 options. You can eat a berry of the bush or apologize to it for startling it. If you eat, you die; if you talk to it, it becomes your friend. this forces you to go to option 3 at the end, which is what I will work on now.

I know I said I would work on layer 2 of option 2, but instead I worked on layer 3 of option 1. Now all layers of option 1 are finished. At the end of option 1, if you pick the right path, it will make you pick 1 of the original 3 options without the one that led there. If you pick the wrong one, then there is an end screen

I added a second layer for option 1. This includes either trying to change the source code or joking with it to try to make it your friend. The battle introduces layer 3 into option 1. Next up is layer 2 for option 2.

I added a print story for all the choices on start now, I have added the choices that you get for each choice. still have roughly 6 branches left. last layer of branches to do.

At the end of each page, it must print the same message, prompting the user to select their next choice. This is why I made it a function that has 1 parameter, which is how many choices there are, and it will print and return which choice the user has picked.

I added another page and also created a plan for how the story will unfold. Lastly I added a way to go from one page to the next, where the next page is a function and you call that function to go the the next page.

I first made a starting screen which I can now build on. Next I need to make a plan on how I will go to the next page. I think I will keep each page in its own .py file and maybe write a .sh file to run that