QuoteGenerator
Generates a new quote and displays it when the website is loaded and when a button is clicked. There is also a button that will allow the quote to be shared through Twitter. This A simple project to get familiar with some web development paradigms with JavaScript.
Live Project
See the project in action here.
Online Tools
- The quotes are pulled from the Forismatic API.
- An icon pulled from Font Awesome is used in the tab head.
- Background was made using Heropatterns.
- The font used is a Google font Montserrat Alternates.
- Uses a NodeJS proxy hosted on a free account on Heroku. This gets around a CORS origin error and a too many requests error when pulling a quote from an API.
- This project is from Zero to Mastery: Javascript Web Projects to Build Your Portfolio.
- Some items for the top navigtaion bar and the Elon Musk quote generator were taken from unachoza's GitHub