-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f3a2746
commit f1d4cb5
Showing
2 changed files
with
27 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1,47 @@ | ||
|
||
|
||
# Cat Search | ||
|
||
**Description:** | ||
|
||
This repository contains the front-end part of an application for searching information about cats based on their breed. The application uses the public The Cat API to fetch data about cats and their breeds. | ||
This repository contains the front-end part of an application for searching | ||
information about cats based on their breed. The application uses the public The | ||
Cat API to fetch data about cats and their breeds. | ||
|
||
**Tools and Technologies:** | ||
|
||
- The project utilizes the following technologies: | ||
- **HTML**: for creating the structure of the webpage. | ||
- **CSS**: for styling the user interface. | ||
- **JavaScript (ES6+)**: for server interaction and data handling. | ||
- **Axios**: used for making [HTTP requests](https://axios-http.com/docs/intro) to The Cat API. | ||
- **SlimSelect**: [a library](https://slimselectjs.com/) for creating a stylish breed selection dropdown. | ||
- **Notiflix**: for [displaying](https://www.npmjs.com/package/notiflix) error messages and loading status. | ||
- **Postman**: utilized for testing and debugging HTTP requests during the project development. | ||
- **Axios**: used for making | ||
[HTTP requests](https://axios-http.com/docs/intro) to The Cat API. | ||
- **SlimSelect**: [a library](https://slimselectjs.com/) for creating a | ||
stylish breed selection dropdown. | ||
- **Notiflix**: for [displaying](https://www.npmjs.com/package/notiflix) error | ||
messages and loading status. | ||
- **Postman**: utilized for testing and debugging HTTP requests during the | ||
project development. | ||
|
||
**Educational Objectives:** | ||
|
||
- The task involved creating the front-end part of an application to interact with The Cat API. | ||
- HTTP requests were used to obtain data about cat breeds and individual cats within the project. | ||
- Handling loading states, displaying error messages, and creating a user-friendly interface were implemented. | ||
- [Postman](https://www.postman.com/product/what-is-postman/) was used for testing and debugging HTTP requests throughout the development process. | ||
- The task involved creating the front-end part of an application to interact | ||
with The Cat API. | ||
- HTTP requests were used to obtain data about cat breeds and individual cats | ||
within the project. | ||
- Handling loading states, displaying error messages, and creating a | ||
user-friendly interface were implemented. | ||
- [Postman](https://www.postman.com/product/what-is-postman/) was used for | ||
testing and debugging HTTP requests throughout the development process. | ||
|
||
**Completion:** | ||
|
||
This project was successfully implemented using HTML, CSS, JavaScript, Axios, SlimSelect, and Notiflix. Postman was used for testing and debugging HTTP requests. The repository contains the relevant files and code, which can be used to search for information about cats by their breed. | ||
|
||
This project was successfully implemented using HTML, CSS, JavaScript, Axios, | ||
SlimSelect, and Notiflix. Postman was used for testing and debugging HTTP | ||
requests. The repository contains the relevant files and code, which can be used | ||
to search for information about cats by their breed. | ||
|
||
**Parcel template** | ||
|
||
Note: This project was created using Parcel. For more information and additional features, please refer to the [documentation](https://parceljs.org/). | ||
Note: This project was created using Parcel. For more information and additional | ||
features, please refer to the [documentation](https://parceljs.org/). | ||
|
||
![preview](https://github.githubassets.com/images/modules/logos_page/GitHub-Logo.png) |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.