https://github.com/thehelpfultipper/inspire_app_fcc
Inspirational Quote Machine (fCC)
https://github.com/thehelpfultipper/inspire_app_fcc
Last synced: 6 days ago
JSON representation
Inspirational Quote Machine (fCC)
- Host: GitHub
- URL: https://github.com/thehelpfultipper/inspire_app_fcc
- Owner: thehelpfultipper
- Created: 2023-07-13T01:48:06.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-27T03:24:41.000Z (almost 3 years ago)
- Last Synced: 2025-12-19T09:30:55.107Z (6 months ago)
- Language: JavaScript
- Homepage: https://thehelpfultipper.github.io/inspire_app_fcc/
- Size: 547 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Inspirational Quote Machine 🌟
This React app was built from scratch as part of the FreeCodeCamp challenge. It's designed to brighten your day with inspirational quotes and stunning background images from Unsplash.
## Live Demo
Check out the live demo of the app hosted on GitHub Pages: [Inspirational Quote Machine Demo](https://thehelpfultipper.github.io/inspire_app_fcc/)
## Tutorial
Read how to build and deploy this React app on our tutorial blog post: [How To Build A Really Stunning Quote App With React](https://thehelpfultipper.com/build-random-quote-machine-app-react/)
## Objective
Click the "Next" button to receive a new random inspirational quote and a fresh background image.
**Highlights:**
- Fetching and distributing data using the `useEffect` and `useContext` React hooks
- Working with environment variables in React
- Deploying React app to GitHub pages
## Credits
- This project was inspired by the FreeCodeCamp challenge.
- Quotes provided by [Quote API](https://forum.freecodecamp.org/t/free-api-inspirational-quotes-json-with-code-examples/311373).
- Background images sourced from [Unsplash](https://unsplash.com/documentation#get-a-random-photo).
## License
This project is licensed under the MIT License.
Get inspired and enjoy the beauty of life! 🌈✨