This is a simple Bookstore web application built using HTML, CSS, PHP, and optionally JavaScript. It allows users to log in, and manage books (add, edit, delete, and search). The system is designed to be beginner-friendly while still covering essential web development concepts like forms, file uploads, dynamic content, and visual styling.
- Users enter their Name, Email, Password, and select a Role (Admin, Author, or Customer).
- After successful submission, users are redirected to the main Bookstore interface (
index.html). - Basic form validation is done using JavaScript.
-
Add a Book:
- Input: Title, Author, Upload Book Cover image.
- Book data is stored, and the image is saved on the server.
-
Edit a Book:
- Users can update the book title, author, or replace the image.
-
Delete a Book:
- Remove a book and its cover image.
-
Search Books:
- Real-time search filtering by title or author name.
-
Uploaded book cover images are:
- Resized, cropped, or watermarked using PHP's GD library (if implemented).
- Saved in an
uploads/directory.
- User actions (add/edit/delete books) are optionally recorded into a log file for admin tracking.
- Uses Bootstrap and custom CSS for a clean, responsive, and modern UI.
- Icons via Font Awesome.
- HTML5 – structure and content
- CSS3 – styling (with Bootstrap & custom rules)
- JavaScript – front-end validation and redirects
- PHP – back-end logic (for books, images, logs)
- GD Library (PHP) – image processing (if enabled)
- XAMPP – local server setup
/bookstore/
├── index.html
├── home.html
├── style.css
├── add_book.php
├── delete_book.php
├── edit_book.php
├── upload/ # Book cover images
├── log.txt # Action logs
├── includes/
│ └── functions.php # Image handling functions
- Install XAMPP and start Apache.
- Place your project folder inside the
htdocsdirectory. - Access the site via:
http://localhost/bookstore/home.html - Fill in your login details to enter the bookstore.