Skip to content

Commit

Permalink
Add readme file
Browse files Browse the repository at this point in the history
  • Loading branch information
naijadevgamer committed Dec 23, 2023
1 parent bbc5553 commit 418de23
Show file tree
Hide file tree
Showing 5 changed files with 79 additions and 39 deletions.
3 changes: 0 additions & 3 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,6 @@

*.sketch
/design
/README-template.md
/README.md
/style-guide.md
/node_modules

# Avoid accidental XD or Figma upload if you convert the design file
Expand Down
79 changes: 79 additions & 0 deletions README.md
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.
Binary file added images/screenshot-desktop.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/screenshot-mobile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 0 additions & 36 deletions test.js

This file was deleted.

0 comments on commit 418de23

Please sign in to comment.