This is a simple React application that displays inspirational quotes. Each time you click the "New Quote" button, a random quote will be fetched from the type.fit API and displayed on the screen. The background color of the app also changes with each new quote.
- Generates and displays random quotes.
- Allows users to fetch new quotes with a button click.
- Provides social media sharing options for Twitter and Facebook.
- Uses React.js and Bootstrap for front-end development.
- Utilizes font awesome for icons.
- User-friendly interface.
- Responsive design for mobile and desktop devices.
- Clone the repository:
git clone https://github.com/Kalutu/Random-Quote-Machine - Navigate to the project directory:
cd quote-machine - Install dependencies:
npm install
- Start the development server:
npm start - Open a web browser and go to
http://localhost:3000to view the application.
- React: JavaScript library for building user interfaces.
- ReactDOM: React package for working with the DOM.
- Babel: JavaScript compiler for using modern JavaScript features.
- Bootstrap: CSS framework for responsive design.
- Font Awesome: Library of icons for web projects.
Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This Random Quote Machine project is part of the FreeCodeCamp Frontend Certification course. It was completed as one of the required projects in the curriculum.
FreeCodeCamp (FCC) is a nonprofit organization that offers a comprehensive web development curriculum and certifications. The Frontend Certification focuses on frontend libraries and frameworks like React, and it covers various topics including HTML, CSS, JavaScript, and more.
Learn more about FreeCodeCamp and their educational programs on their official website: https://www.freecodecamp.org/