• 100 Days of Code
• Installation
• Live Site
• Resources
• Let's Connect!

Day 1: February 2, 2021

• Hello and welcome to my #100DaysOfCode Challenge!

• I am thrilled to embark on this journey, and to kick off this challenge, I have decided to start with a mini project that I recently completed as part of the ZTM JavaScript Web Projects Udemy course.

• This mini project is a quote generator that integrates with Twitter, and it serves as a great introduction to the course material.

• The goal of this project was to get familiar with the basics of JavaScript and understand how to build a simple yet functional web application.

• September 2022 Update: For accessibility, lighter colors were changed to darker hues.

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/quote-generator.git && cd quote-generator

2. Run the command:

open index.html

3. If you have a Twitter account, log in to your account to tweet quotes.

• The Quote Generator is a web application that provides users with inspirational quotes at the press of a button.

• The Quote Generator fetches data from the type.fit Inspirational Quotes API to provide a wide range of quotes for users to choose from.

• The Quote Generator has Twitter integration, which allows users to share their favorite quotes on the platform.

• The Quote Generator is responsive and keyboard-navigable.

• The Quote Generator is an installable progressive web app, providing users with a fast and reliable experience, even when offline or with limited network connectivity.

• Font Awesome

• Google Fonts

• Inspirational Quotes API

• Hero Patterns: Repeatable Background Patterns

• JavaScript Web Projects: 20 Projects to Build Your Portfolio Udemy Course

• My blog on how I created my Github READMEs