JuanPabloDiaz / random-quote-generator

React project that consume an API to generate random quotes

Home Page:https://quote.jpdiaz.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Random Quote 🎲

This project is a responsive web app that fetches random quotes from an API and allows users to tweet them.

Description πŸ’‘

This project was built as part of the freeCodeCamp Front End Libraries Certification. The goal was to build a random quote machine with React.

Random Quote repo

Desktop View πŸ–₯️

iPad view πŸ“±

Mobile view πŸ“±

Lighthouse Score πŸš€

Features:

  • Responsive design: Random Quote adapts to any screen size, ensuring a consistent and enjoyable experience for all users.
  • Sleek and modern UI: Tailwind CSS provides a beautiful and intuitive user interface.
  • Efficient and performant: Vite.js ensures fast loading times and a smooth experience.

Built With πŸ”‘

Welcome to Random Quote, a simple and intuitive pomodoro timer built with React.js, Vite.js, and Tailwind CSS.

React Vite Tailwind-CSS

Here's a closer look at the tech stack:

  • Front-End: React.js, Vite.js, Tailwind CSS
  • Back-End: N/A
  • Deployment: Vercel

Get started πŸ› οΈ

To get started with Random Quote, simply clone the repository and follow the setup instructions. You'll be up and running in no time!

Setup πŸ“‹

  1. Clone the repo
  2. Install dependencies
    npm install
  3. Start the development server
    npm run dev
  4. Open http://localhost:5173/ with your browser to see the result.

Contribution 🀝

All contributions are welcome. Please read the CONTRIBUTING guidelines for details on our code of conduct, and the process for submitting pull requests.

License πŸ“œ

Random Quote is licensed under the MIT License.

I hope you enjoy using the Random Quote!

Other Projects πŸš€

Contact πŸ“ž

Acknowledgments πŸ“š

Resources list that I find helpful and would like to give credit to.

(πŸ‘† Top πŸ‘†)

About

React project that consume an API to generate random quotes

https://quote.jpdiaz.dev

License:MIT License


Languages

Language:JavaScript 84.3%Language:HTML 14.7%Language:CSS 1.0%