biwottech / html-javascript-css-display-time

HTML JavaScript CSS Display Time and Quotes

This project is a simple web application that displays the current time and a random quote from the Quotable API. The application is built using HTML, CSS, and JavaScript.

Project Structure

The project has the following structure:

html-javascript-css-display-time/ ├── assets/ │ ├── css/ │ │ └── style.css │ ├── js/ │ │ └── index.js │ └── images/ │ └── (background images) ├── index.html └── README.md

• index.html: The main HTML file that displays the content.
• assets/css/style.css: The CSS file that contains styles for the application.
• assets/js/index.js: The JavaScript file that handles the logic for displaying the current time and fetching random quotes.
• assets/images/: A folder containing background images for the application.

Features

• Display Current Time: The application displays the current time and updates it every second.
• Random Quotes: A random quote is fetched from the Quotable API and displayed every time the page is loaded.

Getting Started

Prerequisites

To run this project, you will need a web browser and an internet connection to fetch quotes from the Quotable API.

Installation

1. Clone the repository:

   git clone https://github.com/biwottech/html-javascript-css-display-time.git

2. Navigate to the project directory:

   cd html-javascript-css-display-time

3. Open index.html in your web browser to view the application.

Usage

• Open the index.html file in a web browser.
• The current time will be displayed and updated every second.
• A random quote will be fetched from the Quotable API and displayed on the page.

Customization

• Background Images: Add or replace images in the assets/images/ directory to change the background images.
• Styles: Modify the assets/css/style.css file to change the look and feel of the application.
• JavaScript: Update the assets/js/index.js file to change the logic or add new features.

API

This project uses the Quotable API to fetch random quotes. No authentication is required to use this API.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Quotable API for providing the random quotes.
• GitHub for hosting the project repository.

Contact

For any inquiries or questions, please contact Evans Koech at [[email protected]].