neemanachok29/code2

Flatacuties

This is the Flatacuties app, a JavaScript application that fetches data from an API and dynamically manipulates the DOM to display cute animal illustrations and allow the user to vote for their favorite animal.

Description

The Flatacuties app fetches data from an API and dynamically manipulates the DOM to display a collection of cute animal illustrations. It showcases how to use JavaScript to interact with APIs and dynamically create HTML elements.

To vote for the animal click on the name at the first bar and confirm the animal by the image that will be displayed and input your vote.

Usage

1. Clone the repository:

https://github.com/Reiney4/week-two-code-challenge

2. Navigate to the project folder

cd week-two-code-challenge

3. Install json-server tool with the command

npm install -g json-server

4. Run db.json file using the command json-server --watch db.json

5.Open the index.html file on the server and access the index.html file using this URL

http://localhost:3000/characters

6. The application will send a GET request to the API endpoint to fetch the animal illustration data.

7. Once the data is fetched, the app will create HTML elements to display the animal illustrations on the page.

8. Scroll through the page to explore the cute animal illustrations.

Technologies Used

• JavaScript
• HTML
• CSS

API Endpoint

The application fetches data from the following API endpoint:

API Endpoint: [ https://api.npoint.io/99410ec55ae9fca4a9cf/characters]

Replace [API Endpoint URL] with the actual API endpoint you want to fetch data from.

Author

Author: [Neema Nachok]

License

This project is licensed under the MIT License.