Online Bookstore E-commerce

A complete online bookstore: catalogue browsing, search, cart, and checkout, used as the vehicle for learning deployment automation.

• Cart state must survive navigation and screen-size changes.
• Manual deployment was slow and error-prone for a team of several people.

1. 01

   Responsive-first layout

   Built the catalogue and checkout as fluid layouts from the start rather than retrofitting mobile at the end.

2. 02

   Automated CI/CD

   Set up a pipeline that builds, tests and deploys on every push to the main branch, so a merged pull request is a released version.

• HTML, CSS and JavaScript with a component-oriented file structure.
• Git-based CI/CD pipeline with build and test stages before deploy.

• HTML
• CSS
• JavaScript
• CI/CD

• Deployment stopped being a manual checklist and became a side effect of merging.

• Automating the boring parts is what makes a small team able to ship often.