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.
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.
- Clone the repository:
https://github.com/Reiney4/week-two-code-challenge
- Navigate to the project folder
cd week-two-code-challenge
- Install json-server tool with the command
npm install -g json-server
- 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
-
The application will send a GET request to the API endpoint to fetch the animal illustration data.
-
Once the data is fetched, the app will create HTML elements to display the animal illustrations on the page.
-
Scroll through the page to explore the cute animal illustrations.
- JavaScript
- HTML
- CSS
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: [Neema Nachok]
This project is licensed under the MIT License.