React Quote Machine

This is a React-based quote generator that dynamically fetches and displays a diverse range of quotes from an external API. Each new quote triggers a fresh change in the app's background and icon colors. Building this as my third coding project, I honed my foundational skills in React and API integration.

Deployment

This project was deployed using Netlify: https://quote-generator-using-react.netlify.app/

Features

• Random Quote Generation: Click a button to display a new, randomly selected quote fetched from an API (https://api.quotable.io/random).
• Dynamic background color: Colors change at every new quote and are randomly selected from a pull of colors, you can't get the same color twice in a row.
• Social Media Sharing: Easily share quotes on Twitter/X.
• Responsive Design: Compatible with both desktop and mobile devices.

Technologies Used

• React: For building the user interface.
• CSS: For styling components.
• APIs: Fetch quotes from an external API.

Project Structure

• src/
  • components/: Contains all React components.
  • App.js: Main application component.
  • index.js: Entry point for the React application.
• public/
• index.html: HTML template.
• README.md: Project documentation.
• package.json: NPM package manager file, contains dependencies and scripts.

Contact

• Email: gianniruggieri@outlook.com
• Portfolio: https://www.desengineers.co/
• GitHub Profile: https://github.com/GRdevelops/

Thank you for visiting my project.