Skip to content

yoockh/YooBook-library-ui

Repository files navigation

Top Language Live Demo License: MIT

YooBook

A lightweight, responsive web interface for browsing and interacting with book content, built with HTML, CSS, and vanilla JavaScript. Designed for easy deployment and extension, showcasing responsive layout design, client-side interactivity, and static hosting readiness.


Live Demo

Check out the live demo: https://yoochan45.github.io/YooBook/


Features

  • Responsive layout for desktop and mobile
  • Clean and minimal UI built with HTML/CSS
  • Client-side interactivity using vanilla JavaScript
  • Deployable on any static host (GitHub Pages ready)

Technologies

  • HTML5 – markup and semantic structure
  • CSS3 – layout and styling (Flexbox, Grid)
  • JavaScript – DOM interactions and client logic

Project Structure

yoo-book/
├── assets/ # images, fonts, icons, audio, etc.
├── css/ # CSS stylesheets (e.g., style.css)
├── js/ # JavaScript files (e.g., main.js)
├── index.html # Main entry page
└── README.md # Project documentation


How to Run Locally

  1. Clone the repository:
    git clone https://github.com/Yoochan45/YooBook.git
  2. Open the project folder:
    cd YooBook
  3. Open index.html in your browser:
    • Double-click index.html, or
    • Serve with a simple server:
      • Python 3: python -m http.server 8000
      • Node: npx http-server . -p 8000
  4. Visit: http://localhost:8000

Author

Name: Aisiya Qutwatunnada
GitHub: @Yoochan45

About

YooBook is a lightweight web project built with HTML, CSS, and JavaScript. It provides a simple, responsive interface for browsing or interacting with content (books/pages). The project is intended to be easy to deploy and easy to extend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors