Altered my old quiz app and transformed it into a functional flash card system. Users can navigate with "previous" or "next" buttons, and cards marked as "didn't know" are recycled to the back of the deck until all cards are marked "known". The cards can be viewed in their original order, or shuffled, and they can be viewed by category or as one combined deck.

Implemented the correct behavior for deck recycling when cards are marked as "didn't know." Also made sure the cards flip properly upon click.

Researched how to make my app available online for easier access.

Had AI generate a basic website layout. Worked on the element placement and colors. Decided on the 80s retro aesthetic, and created the first version of my website, ByteSizeNightFries.

Started with the quiz app and made the cards flippable instead of providing multiple choice answers, provided a hint that is hidden by default and added fuctionality that allows the cards that were not known to be repeated at the end of the deck.

Had the AI generate the basic code for a catching game. Developed a small game where a mouth moves to catch falling fry box emojis, keeping score. Added golden flash effects for score milestones and a shake animation when a fry box is missed.

Initially had a centering issue, game elements (mouth, fries) were off center. Fixed it by adjusting translation values in CSS.

Attempted a different homepage theme. Neon retro future visuals. It was terrible. Scrapped it entirely, reverted to old theme.

Researched webhosting services and TDLs, decided on a popular service and a Domain name that rhymes vaguely with a famous search engine. Ordered the domain.

Read up on what to do, slapped an SSL certificate on the domain, set my root directory, uploaded my index.html (the homepage, I'd been working on) and tried a few things.

Integrated the french fry game into the homepage. Took an unexpected amount of debugging to place the scroll bar correctly—kept either floating too high or touching the logo.

Finally thought of a name for my previously unnamed project and acquired the Domain by that same name. I decided on the affordable and trustworthy TLD ".de". Welcome to the world, bytesizenightfries!

Removed a button that linked to the french fry game on its own page and installed a secret trigger instead. Clicking the french fry box within the 😀🍟 scroll bar, now pops out the french fry mini game as an < iframe > element, overlaying the homepage.

Worked on the layout and style of the flash cards app. The menu of the dropdown displays in a HUGE font. Monstrous.

When displaying the completion message on the completion screen (screen shown after deck of cards is completed), some of the deck navigation is still clickable.

Broke the card deck navigation yesterday, going through every line of code, comparing it to ealier, working versions. Continued working on the completion screen .

Worked to make sure the layout doesn't break when the screen is a smaller size. Replaced the text in the navigation buttons with emojis at a smaller size.

Saw the app displayed on a much lower resolution screen, everything looks huge! Working on adjusting the font sizes and container sizes of the app.

The App works when opened via browser, now I'll test if it still works when integrated into the website. First, if it will work at all, then if any elements need adjustment. The responsive design now works for smaller screens.

Re-did the css for Flashcards and streamlined the design elements of the header on all pages.

Changed the position of the scroll bar within the index page, took a few tries. Changed the scoring system in the fry game to now subtract one point from the score whenever a box of fries touches the floor of the game's frame.

Linked the documentation.html to the index.html and experimented with the design.

The other pages have the logo to click on, for a quick way back to the index.html. Since I decided against using the header, I had to put in a way to navigate back to the index.html. Will replace this with a proper button, next chance I get.

Set a uniform header and nav bar style across all the pages of the site, with the exception of the page with the flashcards app (there might not be enough space for the app and a full header as well as a full nav bar). Helped the responsive design save space. For example, the button label 'Home' now changes to "🏠" when the screen size is below 600px.