Books Store is a static website for displaying a small collection of books. The home page shows book cards with cover images, descriptions, and payment buttons.
A simple responsive book store website where users can browse books, open the payment page, and submit card details through a validation form.
The site also includes separate navigation pages for About Us and Contact Us, plus a payment page that validates card details before sending them to an API.
- Responsive desktop and mobile navigation
- Book listing grid with cover images and descriptions
- Pay buttons for each book
- Payment form with card number, expiry date, and CVV inputs
- Client-side payment validation
- Success page flow after a valid payment response
The aim of the website is to present books in a simple online store layout and allow users to move from browsing to payment.
Each book card includes the book cover, title, description, and a Pay button. The payment page checks the user's card details and displays a response message before redirecting to the success page.
- Open the home page
- Browse the available books
- Select Pay on a book card
- Enter card details on the payment page
- Submit the form for validation
- View the payment response and success page
| Page | Description |
|---|---|
| Home | Displays the book cards and Pay buttons |
| About Us | Provides the About Us navigation page |
| Contact Us | Provides the Contact Us navigation page |
| Payment | Collects and validates card details |
| Success | Shows the payment success message |
- HTML
- CSS
- JavaScript
- Font Awesome
Clone the repository:
git clone https://github.com/SirRmelTheThird/BooksStore.gitOpen the project folder:
cd BooksStoreRun the project through a local server because the payment page sends an API request.
Open the project folder in Visual Studio Code, install the Live Server extension, then right-click BooksStore/index.html and select Open with Live Server.
Start a local server from the repository root:
python -m http.server 8000Open the site in your browser:
http://localhost:8000/BooksStore/index.html