https://github.com/anthgrim/picklerick.github.io
https://github.com/anthgrim/picklerick.github.io
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/anthgrim/picklerick.github.io
- Owner: anthgrim
- License: mit
- Created: 2022-01-29T22:20:56.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-12T23:51:45.000Z (almost 4 years ago)
- Last Synced: 2024-12-28T13:40:31.653Z (about 1 year ago)
- Language: JavaScript
- Size: 59.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Rick and Morty Random Phrase Picker
## Description
This is a git page that when clicking the button "Click here" returns an alert with a
Rick and Morty phrase. It also contains the link to the head image, and the original
quotes website.
When the user first opens the page the background colors changes randomly, and it
stops when we click on the button.
## How it works?
The background color is possible when calling the **colorChange** function which
returns a random rgb cluster and sets it to the background color of the body document.
Then the an interval is set to call this function every second, and we capture the
id of the interval in a variable, to clear it when getting the random phrase.
The random phrase is possible by calling the **randomNumber** function inside the event listener, and it returns a random number between 0 and 30. Then a switch case is used to pick the random phrase based on the random number.
### How to Run
Simply download the zip folder with the source code file, or fork it into your github and clone it into your machine, and run it by using your favorite IDE.
Link to GitHub Deployment: **[Rick and Morty Random Phrase Picker](https://anthgrimk.dev/picklerick.github.io/Index.html).**
### Future adds
- A database will be created to store all this phrases, and possibly will evolved to get
random quotes from different cartoons and series.
- Quote API connection
### Author
Kevin Grimaldi.
Student at MIT - Full Stack Development with MERN
### Credits
Image taken from **[TheStreamable.com](https://thestreamable.com/media/pages/news/how-to-watch-rick-morty-season-5-premiere-live-for-free-without-cable/eb54b3e9f0-1623940252/rick-and-morty-2013-1536x864-crop.jpg)**
Original Quotes taken from **[www.scarymommy.com](https://www.scarymommy.com/rick-morty-quotes)**