Skip to content

About

A responsive book store website.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

19 Commits

Folders and files

Repository files navigation

Web Development Assessment

A responsive book store website.

Coursework completed for the Web Development module at University. This project is a responsive book store website which includes a working basket system, client-side validation, and a POST request to a University server. This has been designed to run on multiple browsers and platforms.

Tech Stack:

  • HTML
  • CSS
  • JavaScript
  • JSON

Features:

Homepage

  • Responsive navigation bar
  • Responsive book list
  • 'Add to basket' functionality
  • Colour blindness adaptation (changes site colour palette)

Basket Page

  • Items added to basket are displayed as well as their quantity
  • Total cost of basket calculated and displayed
  • 'Continue to payment' button

Payment Page

  • JavaScript validation for card numbers
  • POST request sends raw JSON to MMU server
  • Handles server errors and response

Success Page

  • Displays confirmation message from server
  • Shows last 4 digits of card number

Skills Gained:

  • Building multipage websites with consistent styling
  • Designing a responsive layout with usability in mind
  • Validating data using JavaScript
  • Sending POST requests to a server
  • Sending and receiving JSON formatted data
  • Using local storage to transfer data from page to page

How to run:

  1. Download/clone repository
  2. Open 'index.html' in any modern browser browser
  3. Ensure JavaScript is enabled

About

A responsive book store website.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages