Bookshop 📚

A modern and ergonomic e-commerce platform for books, designed for a seamless reading experience on all devices (mobile, tablet, computer).

About the Project

Bookshop is a web solution created to modernize a bookstore's offering and expand its customer base. The platform allows readers to discover, search, and purchase books while building an active community around reading.

Features

• Book Catalog : Browse a wide selection organized by genre
• Advanced Search : Filter by genre, price, rating, and author
• Free Monthly Book : A selection offered to members each month
• Book Details : Synopsis, reviews, readable excerpts
• Community Forum : Literary discussions and book clubs
• Comment System : Share your opinions on each book
• Responsive Design : Optimized for mobile, tablet, and desktop

Tech Stack

• HTML5 - Semantic structure
• CSS3 - Custom styles with CSS variables
• Bootstrap 5.3.5 - Responsive CSS framework
• Font Awesome 6.7.2 - Icons
• JavaScript - Dynamic interactions

Installation

1. Clone the repository

git clone https://github.com/yourusername/bookshop.git
cd bookshop

2. Open index.html in your browser or use a local server

python -m http.server 8000

Then visit http://localhost:8000

Project Structure

bookshop/
├── index.html
├── css/style.css
├── js/script.js
├── html/
│   ├── catalogue.html
│   ├── livre-detail.html
│   ├── forum.html
│   ├── header.html
│   └── footer.html
└── img/

Main Pages

• Home : Featured books carousel and highlights
• Catalog : All books with advanced filters
• Book Detail : Complete information and customer reviews
• Forum : Community discussions and recommendations

Design

• Warm beige/brown color palette
• Intuitive and ergonomic interface
• Clear navigation with breadcrumbs
• Optimized accessibility

Academic Context

Project completed as part of a UX/UI & CSS Framework exam with the following deliverables:

• ✅ Complete multi-screen mockups
• ✅ Responsive and ergonomic website
• ✅ Optimal use of Bootstrap 5

License

Educational project.