random cat challenge

main task:

create a simple webpage, which uppon refreshing will show random cat photo + 3 random cat facts using free API

for styling use your imagination, more creativity more fun (＾▽＾)

stack :

1. API for images : https://docs.thecatapi.com
2. API for cat facts : https://catfact.ninja
3. styling: HTML, CSS
4. javascript for API calls

AI use is allowed for styling, research and code validation

expected output:

• one .html file*
• key metrics:
  • has to work
  • clean code
  • creativity

*- if you want, you can host this page via github pages and just attach the link

additionals improvments

• custom favicon
• ability to save favorite images and facts, webpage should display them**
• light and dark theme
• show current weather (user location;Open-Meteo?)
• random music start playing uppon first entering (first click) the page, keep same track uppon refreshing, add simple player**

**- hint: use url parametrs to store this data. create a dedicated panel for easy link coping (e.g copy all favorites or fav. + music etc.)

usefull links

1. https://apivault.dev - portal with many diffrent free APIs
2. https://docs.github.com/en/pages - more on hosting on github
3. https://claude.ai

no AI was used to write this document