Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karl-horning/random-quote-machine
This project is a Random Quote Machine, developed as a part of the freeCodeCamp curriculum. It displays random quotes with the ability to tweet the current quote.
https://github.com/karl-horning/random-quote-machine
flexbox javascript responsive
Last synced: about 6 hours ago
JSON representation
This project is a Random Quote Machine, developed as a part of the freeCodeCamp curriculum. It displays random quotes with the ability to tweet the current quote.
- Host: GitHub
- URL: https://github.com/karl-horning/random-quote-machine
- Owner: Karl-Horning
- License: mit
- Created: 2024-01-04T22:57:17.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-04T23:09:09.000Z (10 months ago)
- Last Synced: 2024-01-05T00:52:03.945Z (10 months ago)
- Topics: flexbox, javascript, responsive
- Language: JavaScript
- Homepage: https://codepen.io/karlhorning/pen/zKewaN
- Size: 453 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Random Quote Machine
This project is a Random Quote Machine, developed as a part of the freeCodeCamp curriculum. It displays random quotes with the ability to tweet the current quote.
## Table of Contents
- [Overview](#overview)
- [Demo](#demo)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
- [License](#license)
- [Author](#author)
## Overview
The Random Quote Machine is a web application developed as part of the freeCodeCamp curriculum. The main goal of this project is to create a simple and interactive page that displays random quotes along with their sources. Users can also tweet their favourite quotes directly from the application.
## Demo
View the live demo on CodePen: [Random Quote Machine](https://codepen.io/karlhorning/pen/zKewaN)
## Features
- Display random quotes with source information.
- Change background colour on quote change.
- Tweet the current quote.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Karl-Horning/random-quote-machine.git
```
2. Open the project folder:
```bash
cd random-quote-machine
```
3. Open the `index.html` file in your web browser.
## Usage
- Click the "New Quote" button to get a random quote.
- Click the "Tweet" button to share the current quote on Twitter.
## Technologies Used
- HTML
- CSS
- JavaScript
## Contributing
Contributions are welcome! If you find any bugs or want to add new features, feel free to open an issue or submit a pull request.
## Acknowledgments
I would like to express my gratitude to the following individuals and resources that have contributed to the development of the Random Quote Machine project:
- **freeCodeCamp Community:** A big thank you to the freeCodeCamp community for providing valuable learning resources and a supportive environment for developers.
- **Font Awesome:** The use of Font Awesome icons in this project adds a stylish and functional element. Thanks to Font Awesome for providing a great library of icons.
- **Google Fonts:** The project utilizes the Montserrat font from Google Fonts, enhancing the overall visual appeal and readability.
- **BootstrapCDN:** The project benefits from BootstrapCDN for including the Font Awesome and Montserrat font libraries. This service simplifies the process of integrating external resources into the project.
These resources and communities have played a significant role in the development journey of the Random Quote Machine, contributing to its functionality and aesthetics.
## License
This project is licensed under the [MIT License](LICENSE).
## Author
Karl Horning: [GitHub](https://github.com/Karl-Horning/) | [LinkedIn](https://www.linkedin.com/in/karl-horning/) | [CodePen](https://codepen.io/karlhorning)