An open API service indexing awesome lists of open source software.

https://github.com/developeromarfaruk/js-book-archive

In this repository, if the user writes the book name in the input field and clicks the search button, the data will be loaded from the API and the UI will show it.
https://github.com/developeromarfaruk/js-book-archive

api arrow-functions css3 event-handler fetch-api html5 javascript tailwindcss

Last synced: 2 months ago
JSON representation

In this repository, if the user writes the book name in the input field and clicks the search button, the data will be loaded from the API and the UI will show it.

Awesome Lists containing this project

README

          

# Here is some UI and work shown in this repository.
#
[Live Preview Project](https://664ef8bfe982b9008a63cff4--storied-alfajores-9e6487.netlify.app/)
#
In this repository, if the user writes the book name in the input field and clicks the search button, the data will be loaded from the API and the UI will show it. If the user searches with empty input the please type your book name alert message will show. If the user's book name is not in the database then no books found alert message will show. If the user searches with book name input, it will show loading until data comes from API.
#
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/8718869a-ee0c-4653-88ef-f4d7e6ef9540)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/38eb55f1-a195-41df-87c5-ae4a0de2f056)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/0e1dd742-7a6c-45c1-9c8d-81d2c7efa0ad)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/c6d5aedc-7a68-4048-83b1-e519225150ca)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/6eb863df-59da-4c23-9a2f-31a84807851c)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/f5a9a9df-0e03-4b8f-8c39-e54e55f77710)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/0042baef-4722-491d-9513-548999c34d48)
![image](https://github.com/DeveloperOmarFaruk/JS-book-archive/assets/75971859/0a9950c7-8c0f-4bad-b6b7-c2ef16acd206)