90s-website

View the live link here!

What is this?

This is my submission for the Codedex Mini Holiday Hackathon 2024. This project is about re-creating a modern company website as if it were in the 90's.

For this project, I decided to redesign the Suntory Horoyoi webpage by re-imagining it as an interactive experience. Here, you'll be able to check out the different Horoyoi chu-hi flavors available.

What I learned

I've learned a lot of new things while building this project. Some of the new CSS techniques I've learned include:

• Clip-path
• Animations / Keyframes
• Different gradient techniques
• Position

Some of the new JavaScript techniques I've learned in the project include:

• Playing audio
• Setting CSS properties / HTML attributes

Other things:

• Creating background samples in Figma
• Chrome has a built-in color dropper

What I could do better

• Architecture
• Descriptive comments
• CSS

Resources I used

For images: https://www.suntory.co.jp/rtd/horoyoi/

For audio: https://mixkit.co/free-sound-effects/

For Japanese font: https://fonts.google.com/