m6Day15ClassChallenge

Car Pics Generator

A simple web application that allows users to display random car images by clicking the "Get Cars" button.

Table of Contents

• Demo
• Screenshots
• Features
• How it Works
• Installation
• Usage
• Contributing
• License
• Author

Demo

You can check out the live demo of the Car Pics Generator here.

Screenshots

Included relevant screenshots of the application here.

Features

• Displays random car images.
• Simple and intuitive user interface.
• Click the "Get Cars" button to fetch and display a new car image.

How it Works

The Car Pics Generator web application is built using HTML, CSS, and JavaScript. Here's a brief overview of how it works:

HTML Structure

• A main div element to hold the application content.
• An h2 element to display the application title.
• A search-results div to display the fetched car images.
• A "Get Cars" button with the ID searchButton to trigger the image fetch.

CSS Styling

• Styles to make the application visually appealing.
• Responsive design for various screen sizes.
• CSS transitions for image hover effects.

JavaScript Functionality

• The JavaScript code fetches random car images from the Unsplash API when the "Get Cars" button is clicked.
• It updates the search-results div with the fetched car images.
• Error handling for network requests is included.

Installation

To run the Car Pics Generator web application locally, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/22pankajsahu/m6Day15ClassChallenge.git 
   

2. Open the project folder in your code editor.

Usage

1. Open the Car Pics Generator application in a web browser.
2. Click the "Get Cars" button to fetch and display random car images.

Contributing

Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

1. Fork the repository to your own GitHub account.
2. Create a new branch for your feature: git checkout -b feature/new-feature
3. Make your changes and commit them: git commit -m "Add new feature"
4. Push your changes to your forked repository: git push origin feature/new-feature
5. Open a pull request to the original repository.

License

This project is licensed under the MIT License.

Author

• Name: PANKAJ SAHU
• Email: 22pankajsahu@gmail.com
• GitHub: 22pankajsahu