Welcome to the GitHub repository for KutubKhana's Online Bookstore Platform. This project is a lightweight, fast, and easily navigable website built entirely with Vanilla JavaScript, HTML, and CSS. Our goal is to provide an effortless online browsing experience for our customers, akin to the welcoming and intimate atmosphere of our physical bookstore.
KutubKhana Online Bookstore Platform is a web application that aims to recreate the charm and simplicity of a traditional bookstore in an online environment. Our focus is on delivering a seamless browsing experience for users to discover and explore a wide range of books.
-
Lightweight and Fast: The platform is designed to be fast-loading and lightweight, ensuring a smooth and responsive user experience.
-
User-Friendly Interface: The website features an intuitive and user-friendly interface, making it easy for customers to browse, search, and find their favorite books.
-
Book Categories: Books are organized into categories, making it convenient for users to explore specific genres and topics.
-
Search Functionality: A powerful search feature allows users to quickly find books based on titles, authors, or keywords.
-
Responsive Design: The platform is built with a responsive design, ensuring a consistent and enjoyable experience across various devices and screen sizes.
You can access the production deployment of KutubKhanah here.
Here are some screenshots showcasing the functionalities of the KutubKhana Online Bookstore Platform:
Feel free to explore the platform through these screenshots!
To get started with the KutubKhana Online Bookstore Platform, follow these steps:
-
Clone the Repository:
git clone https://github.com/MalakNasser/KutubKhanah
-
Open the Project:
cd KutubKhanah
-
Install JSON Server:
Before running the JSON Server, you need to install it globally on your machine. If you haven't already installed JSON Server, you can do so using npm (Node Package Manager) by running the following command:
npm install -g json-server
- Start JSON Server:
Once JSON Server is installed, navigate to the project directory if you're not already there and run the following command to start the server:
json-server --watch database/userData.json
- Open
index.html
in your Browser: Open theindex.html
file in your preferred web browser to explore the online bookstore platform.
-
Explore Book Categories: Navigate through different book categories to discover a diverse collection.
-
Search for Books: Use the search bar to find specific books based on titles, authors, or keywords.
-
View Book Details: Click on a book to view detailed information, including the title, author, description, and cover image.
-
Add to Cart: Add your favorite books to the cart for a seamless checkout experience.
-
Checkout: Complete your purchase by following the simple checkout process.