Rock, Paper, Scissors Game

A simple rock, paper, scissors web app game made with Svelte framework

Frontend Mentor - Rock, Paper, Scissors

This is a solution to the Rock, Paper, Scissors challenge on Frontend Mentor.

Screenshot

Links

• Source URL: https://github.com/LiyanNguyen/rock-paper-scissors-svelte
• Live Site URL: https://friendly-semifreddo-f6d970.netlify.app

My Process

• Create the project using Svelte framework
• Design the Viewports correctly first using the right components
• Build the logic of the App using svelte component props
• Test and Finalize the project

Built with

• Svelte framework
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I Learned

• More svelte
• Svelte technique of using window.setTimeOut() to add the classes after component render to play natural animations

Author

• Website - Liyan Anajao
• Frontend Mentor - @LiyanNguyen
• Twitter - @LiyanAnajao

Acknowledgments