Skip to content

MuhammadJaafer/randQuote

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RandQuote

RandQuote is a website that displays random quotes, allowing users to copy the quote or save it as an image. It also includes a feature for translating quotes between Arabic and English.

Table of Contents

Features

RandQuote offers the following features:

  • Random Quotes: Display random quotes to inspire and motivate users.
  • Copy Quote: Allow users to easily copy the displayed quote with a click of a button.
  • Translation: Provide the ability to translate quotes between Arabic and English.
  • Clean Design: Present quotes in a clean and simple design with a focus on readability.
  • Save as Image: Enable users to save the current quote as an image for sharing or downloading.
  • Intuitive Interface: Provide a user-friendly and intuitive interface for a seamless user experience.

Technologies Used

RandQuote is built using the following technologies:

  • Vanilla JavaScript: A programming language used to add interactivity and functionality to the website.
  • HTML/CSS: Standard web technologies for structuring and styling the web pages.
  • Object-Oriented Programming (OOP): An architectural approach to create a flexible and scalable system for managing quotes and translations.

Architecture

RandQuote follows an Object-Oriented Programming (OOP) architecture, allowing for a modular and scalable codebase. This approach provides flexibility in managing quotes and their translations, making it easier to add new features or extend existing functionality in the future.

Live Demo

Check out the live demo of RandQuote: Live Demo

Getting Started

To get started with RandQuote, follow the instructions below.

  1. Clone the repository: git clone https://github.com/your-username/randquote.git
  2. Open the project directory in your preferred code editor.
  3. Open the index.html file in your web browser to access RandQuote.

Usage

Using RandQuote is straightforward:

  1. Open the RandQuote website in your browser.
  2. The website will display a random quote.
  3. To copy the quote, click the "Copy" button.
  4. To translate the quote between Arabic and English, click the "Translate" button.
  5. To save the quote as an image, click the "Save as Image" button.

Contributing

Contributions to RandQuote are welcome! If you have any bug fixes, feature suggestions, or improvements, feel free to open an issue or submit a pull request. Please ensure that your contributions adhere to the existing coding style and conventions.

License

RandQuote is released under the MIT License. You can find the full text of the license in the LICENSE file.

RandQuote is an impressive project that showcases my skills in web development and OOP architecture. Its clean design, intuitive user interface, and useful features make it a standout project in my portfolio.

If you have any questions or need assistance, please don't hesitate to reach out. Thank you for your interest in RandQuote!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published