Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucas-erkana/random_quotes
This is a project created for the FreeCodeCamp curriculum, where I built a simple web app that generates random quotes using React. The app allows users to see a new quote by clicking a button, and also provides the option to tweet the current quote.
https://github.com/lucas-erkana/random_quotes
Last synced: 5 days ago
JSON representation
This is a project created for the FreeCodeCamp curriculum, where I built a simple web app that generates random quotes using React. The app allows users to see a new quote by clicking a button, and also provides the option to tweet the current quote.
- Host: GitHub
- URL: https://github.com/lucas-erkana/random_quotes
- Owner: Lucas-Erkana
- Created: 2023-09-11T05:16:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-11T06:06:31.000Z (about 1 year ago)
- Last Synced: 2024-10-12T09:49:16.015Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://random-quotes-swart.vercel.app
- Size: 297 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Quotes Generator with React
This is a project created for the FreeCodeCamp curriculum, where I built a simple web app that generates random quotes using React. The app allows users to see a new quote by clicking a button, and also provides the option to tweet the current quote.
## App Screenshots
![image](https://github.com/Lucas-Erkana/random_quotes/assets/41428579/bad57834-e8e2-4704-b40c-3a5062fb3798)## Live Demo
To see this project's live demo, please click [here](https://random-quotes-swart.vercel.app/).
## Built With
This project was built with the following technologies:
- React
- HTML
- CSS
- JavaScript## Key Features
The main features of this app include:
- Generating random quotes for users to read
- Allowing users to get a new quote by clicking a button
- Providing the option to tweet the current quote## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
- Node.js
### Setup
1. Clone the repository
2. Navigate to the project directory in your terminal
3. Run `npm install` to install the necessary dependencies### Install
1. Run `npm start` to start the development server
2. Open `http://localhost:3000` in your browser to view the app## Authors
👤 **Lucas Erkana**
- GitHub: [@Lucask-Erkana](https://github.com/Lucask-Erkana)
- Twitter: [@Lucas_David_22](https://twitter.com/@Lucas_David_22)
- LinkedIn: [Lucas Erkana](https://www.linkedin.com/in/lucas-erkana/)
- Frontend Mentor - [@Lucask-Erkana](https://www.frontendmentor.io/profile/Lucask-Erkana)## Future Improvements
In the future, I plan to add more features to this app, such as the ability to save favorite quotes or share them on social media. I also intend to improve the design and layout of the app to make it more visually appealing.
## Contributing
Contributions are always welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository
2. Create a new branch (`git checkout -b feature/your-feature-name`)
3. Make your changes and commit them (`git commit -am 'Add some feature'`)
4. Push your changes to your forked repository (`git push origin feature/your-feature-name`)
5. Open a pull request## Show your support
If you find this project useful or interesting, please give it a ⭐️ on GitHub!
## Acknowledgments
Thanks to FreeCodeCamp for providing the curriculum that inspired this project.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.