This is a simple quotes generator, made with React and Typescript.
- More than 50 quotes from several books and authors.
- Getting new quote also randomize color scheme.
- Color scheme and quote cannot be repeated consecutively
- When color scheme changes new colors will be at least 50deg of separation from previous scheme.
- Ability to share quote and url to facebook twitter and whatsapp.
- Ability to get new quote by tapping/clicking the current quote and/or button.
- Responsive and accessible.
DEMO.
Requires Node 16+.
Clone this repo: git clone https://github.com/PabloPenia/random-quote-machine.git.
Install dependencies: yarn install.
Build: yarn build.
Run: yarn dev (development).
More scripts can be found on package.json for linting/formatting
- added color schemes with random Hue.
- added ability to get new quote when clicking the quote box.
- Random abilities has been remade:
- Can't repeat consequentely.
- Color scheme has to be at least 50deg of diff from previous scheme.
- added facebook and whatsapp share links.
- sharing a quote now shares the current quote and url (before was only url).
- Improved accesibility and responsiveness.
- React Updated to V.18.2.0.
- Migrated from CRA to Vite.
- All source code has been refactored to Typescript.
- First version for FreeCodeCamp Certification (React v.17): Random Quote Machine.