https://github.com/lana-20/quote-generator
https://github.com/lana-20/quote-generator
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lana-20/quote-generator
- Owner: lana-20
- Created: 2021-07-18T03:45:53.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-07-18T17:49:30.000Z (about 4 years ago)
- Last Synced: 2024-12-30T09:47:14.549Z (9 months ago)
- Language: JavaScript
- Size: 1.57 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[Live Demo](https://lana-20.github.io/quote-generator/)
I am creating a random quote generator. I am making an asynchronous fetch request to a [Rest API](https://type.fit/api/quotes) in order to get my [quotes](https://quotes-react.netlify.app/).
I tried to make it as modern as possible. The first of the elements is adding a [hero patterns](http://www.heropatterns.com/) vector background, which allows for a unique look.
There are Font Awesome icons. I am also using a custom Google font.
Down at the bottom, I have two buttons. The first is a New Quote button.
There is a loader that loads between quotes. The idea is that when this takes a long time to load, which is does sometimes, I want to signal to
the user that somehing is happening behind the scenes even if they can't see it.
The other button is a Twitter button. When you click on it, it will open Twitter in a new tab and , if you are logged in, allow you to tweet using the Tweet button.
This project is mobile responsive. The quote container is fitting the size of most large smartphones and has a bit of margin on both sides.