Example
Check Your Battery
Hi everyone! Thanks for such a fun challenge — it was exciting to experiment with code, especially considering that I can’t code at all. For this task, I tried to create something like a cover with moving paws, a divider with a cat face, a poll with results, and some cards. The cards turned out to be the easiest part to build.
Sharing my example!
About Me
9 Replies
The cat eating the hearts animation!! That is amazing what in the world is that?! And I love that the flashcards are in color with shadows and all that. You went all the way, I hadn't thought about the regular items like flashcards! This is like a custom little website almost, great job! By the way my results were head-on for today lol!
How did you do the cards and the cat animation? Was that just the coding too?
Thank you for your comment! Sometimes I really do feel like a bit of a wizard — as if I say a spell and something magical appears. But in reality, the cards are just code: I describe what should happen, what types of cards there are, and which animations should play. By the way, it would be fun to try something similar with a labeled graphic or an accordion block.
As for the cat with hearts — that’s also just code. I defined how it should move and how the animation loops. I used my own images, then assembled everything in HTML and packed it into an archive
amazing, thank you!
So well done!
Wow, amazing! Can you share your prompts for AI coding?
Hi!
The initial prompt was roughly like this, but I had to adjust the results multiple times afterwards.I need to write Script for a quiz. The quiz should include a progress bar at the bottom showing how many questions have been answered and how many are left. After completing the quiz, the results should be displayed as three circular charts.
Below, I’ve outlined the questions, answer options, and how the indicators should change depending on the selected answer
The moving little cat is adorable!😄
Thank you, I really like it too! 😺
Super cute and great activity. Liked how it flowed together!
Recap
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.