codedamn
Project image for Quote Generator App

Quote Generator App

HTML/CSSJavaScript
A Quote Generator App based on an API which can generate quote on a click. This will test your CSS and also Javascipt Skills including DOM Manipulation and Working with an External API.

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to build out this Quote Generator App and get it looking as close to the design as possible.

This project focuses mostly on CSS and Flexbox in general. There's a tiny bit of JS included for making API call using Fetch API and Manipulating DOM Content.

You can use any tools (Tailwind CSS , Vite , Axios etc..) you like to help you complete this project. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  • View the optimal layout for the site depending on their device's screen size.

  • Generate an Unique Quote on each request.

  • Download the starter code and go through the README.md file.

The README.md file will provide further details about the project.

Don't forget to share your submissions with the community to get feedback. All the best.

Get involved with the community

Join our discord server and share your feedbacks with others. Ask questions, help others and win prizes.

Check out the full-stack learning path to learn how to build such projects completely on your own.