Quotivate is a thought proviking mobile responsonsive web app that encourages users to explore through more than 75,000 motivational quotes. Users can discover new and exciting quotes randomly by pressing the "Surprise Me" button on the main page, or they can do a search by various parameters. The quotes are displayed on beautiful mobile responsive cards, and include the quote text and the author.
- User will see a Quote of the day on the home page
- User will be able to search/generate a random quote
- User will be able to search by genre
- User will be able to search by keyword
- Responsive layout
Instructions/steps to use the web application,
- Step 1: Click "Surprise Me" to generate a random quote card on the homepage.
- Step 2: Select any options on the navbar to search for quotes.
- Step 3: Click on the "Quotivate Logo" to go back to the homepage.
This is an example of a static desktop wireframe;
This is an example of a responsive tablet wireframe;
This is an example of a responsive mobile wireframe;
HTML/CSSVanilla Javascript- Axios
- Bootstrap
- Canva
- Figma
- QuoteGarden API
Quotivate License
- The MIT License (MIT) Copyright © 2020 Naeem Shafi, Jahaziel Israel
QuoteGarden License
- The MIT License (MIT) Copyright © 2019 Prathamesh More
This project is actively being built by The Knowledge House Web Development Fellows Naeem Shafi && Jahaziel Israel.
📣Major shoutout to Prathamesh More the creator of Quote Garden
Reach out and let's chat!
We do not own the rights to any of the stock images or icons included in this repository. All images were sourced and edited from Canva and Figma.
We sought inspiration from:
- Use another api to dispaly random motivational images behind each quote card.
- Use different colors every time a new quote is generated.
- Allow users to save their favorite quotes.
- Allow users to download and share their favorite quotes.