This repository contains the source code for a simple web interface that showcases a collection of books. The project utilizes HTML, CSS, and JavaScript to create an interactive and visually appealing experience for users. Below is an overview of the key components and functionality:
- Attractive Design: The project leverages
Bootstrap for a visually appealing and responsive design.
- Animated Effects: Utilizes the
animate.csslibrary to add lively animations to elements on the page. - Tag-Based Filtering: Users can choose a specific tag to filter books accordingly, providing a more organized view.
- Pagination: Implements pagination buttons for easy navigation between different pages of book listings.
- Open the
index.htmlfile in your web browser. - Explore the curated collection of books displayed on the interface.
- Choose a tag to filter books based on specific categories.
- Navigate through different pages using the provided pagination buttons.
Bootstrap: CSS framework for responsive design.
Font Awesome: Icon library for adding visual elements.
Animate.css: Library for adding animated effects to elements.
Google Fonts - Tajawal: Font used for the header.
The web interface fetches book data from an external API (https://booksapi.u1u1u1u1u1u1u1.repl.co/api/books) using JavaScript's fetch API. The data is then dynamically rendered on the page based on user interactions.
- Arabic (العربية): The user interface and content are primarily in Arabic, offering an inclusive experience for Arabic-speaking users.
This project is licensed under the MIT License - see the LICENSE file for details.
Feel free to explore, modify, and enhance the code according to your project requirements. If you have any questions or suggestions, please don't hesitate to reach out.