-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
bbc5553
commit 418de23
Showing
5 changed files
with
79 additions
and
39 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
# Frontend Mentor - Rock, Paper, Scissors solution | ||
|
||
This is a solution to the [Rock, Paper, Scissors challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/rock-paper-scissors-game-pTgwgvgH). Frontend Mentor challenges help you improve your coding skills by building realistic projects. | ||
|
||
--- | ||
|
||
## Table of Contents | ||
|
||
- [Overview](#overview) | ||
- [The Challenge](#the-challenge) | ||
- [Screenshot](#screenshot) | ||
- [Links](#links) | ||
- [My Process](#my-process) | ||
- [Built With](#built-with) | ||
- [What I Learned](#what-i-learned) | ||
- [Continued Development](#continued-development) | ||
- [Author](#author) | ||
- [Acknowledgments](#acknowledgments) | ||
|
||
--- | ||
|
||
## Overview | ||
|
||
### The Challenge | ||
|
||
Users should be able to: | ||
|
||
- View the optimal layout for the game depending on their device's screen size | ||
- Play Rock, Paper, Scissors against the computer | ||
- Maintain the state of the score after refreshing the browser _(optional)_ | ||
- **Bonus**: Play Rock, Paper, Scissors, Lizard, Spock against the computer _(optional)_ | ||
|
||
### Screenshot | ||
|
||
- [Desktop](./images/screenshot-desktop.png) | ||
- [Mobile](./images/screenshot-mobile.png) | ||
|
||
### Links | ||
|
||
- [GitHub Repository](https://github.com/thenaijagamer/rock-paper-scissors) | ||
- [Live Demo](https://thenaijagamer.github.io/rock-paper-scissors/) | ||
|
||
--- | ||
|
||
## My Process | ||
|
||
I utilized HTML, SCSS, and JavaScript to bring this project to life. Attention to detail was crucial to mimic the provided design as closely as possible while ensuring a smooth and interactive user experience. Here are some highlights: | ||
|
||
### Built With | ||
|
||
- HTML | ||
- SCSS (Sass) | ||
- JavaScript | ||
|
||
### What I Learned | ||
|
||
Throughout this project, I honed my skills in writing clean, maintainable code by adhering to the DRY (Don't Repeat Yourself) principle. Additionally, I delved deeper into JavaScript to ensure an optimal user experience and learned how to make my code even more efficient. | ||
|
||
### Continued Development | ||
|
||
I'm planning to introduce sound features and a reset score option in the future to further enhance the gaming experience. Continuously refining my JavaScript skills to write even cleaner and more efficient code remains a priority. | ||
|
||
--- | ||
|
||
## Author | ||
|
||
[Saleeman Abdullahi Alaba Aransiola] | ||
|
||
- Github - [My GitHub Profile](https://github.com/thenaijagamer) | ||
- Frontend Mentor - [@thenaijagamer](https://www.frontendmentor.io/profile/thenaijagamer) | ||
- Twitter - [@thenaijagamer](https://www.twitter.com/thenaijagamer_) | ||
- LinkedIn - [Abdullah Saleeman](https://www.linkedin.com/in/abdullah-saleeman-360170243) | ||
- Contact - [sabdullahialaba50@gmail.com](mailto:sabdullahialaba50@gmail.com) | ||
|
||
--- | ||
|
||
## Acknowledgments | ||
|
||
I extend my gratitude to the Almighty ALLAH for guiding me through this project. |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.