A responsive multi-page library website built with HTML, CSS, and JavaScript. This project provides a clean and user-friendly interface for browsing books, exploring library services, reading reviews, and accessing user account pages such as login, registration, and dashboard.
The Fremantle Library Website was created as a front-end web project to simulate a modern digital library experience. It focuses on usability, structured page design, and responsive presentation for visitors who want to discover books and learn more about the library.
The website includes key sections such as:
- Home page
- Library features
- Book listings
- Book details
- Contact page
- Login page
- Register page
- User dashboard
- Responsive multi-page website design
- Attractive home page with featured books and reviews
- Book listing and book details pages
- Login and registration interface
- User dashboard page
- Library services and features section
- Contact information and opening hours
- Simple JavaScript interactivity
- Organised project structure with separate assets and styles
- HTML5
- CSS3
- JavaScript
library-project/
│
├── Images/
├── css/
├── index.html
├── book-lists.html
├── bookdetails.html
├── contact.html
├── features.html
├── login.html
├── register.html
├── userdashboard.html
├── script.js
└── readme.md
This project helped me improve my skills in:
- Building a structured multi-page website
- Creating clean and responsive layouts
- Designing user-friendly navigation
- Organising front-end files properly
- Combining HTML, CSS, and JavaScript in one project
- Presenting content in a visually clear and accessible way
- Clone or download this repository
- Open the project folder in Visual Studio Code
- Open
index.htmlin your browser
You can also use the Live Server extension in VS Code for easier testing.
- Add search and filter functionality for books
- Connect the website to a real backend and database
- Add borrowing and return features
- Improve form validation
- Make the user dashboard dynamic with real user data
Kiran Tikoo GitHub: kirantikoo