GitHunt
TE

temesghentekeste/library-js

A project from the Microverse JavaScript Module intended to showcase skills in DOM manipulation, Module pattern, and ES6 Classes.

Library JS

View Code
Github Issues

Content

About   |   
Description   |   
Live Demo   |   
Screenshots   |   
Built with   |   
Setup   |   
Prerequisites   |   
Author

About

Library JS is a JavaScript project that stores typical book attributes as book author, book title, number of pages and whether a book is read or not by the end user. It has three versions of three goals each of which developed in a separate branch. The goal of the first version (feature/library-logic branch) is to showcase DOM Manipulation and Objects and Object constructors; and of the second is to refactor the codebase using the popular JavaScript pattern, the module pattern, and it is developed inside feature/library-module-pattern branch . The purpose of third is to refactor the codebase using ES6 classes. Each branch uses localStorage to persist the data.

Description

This project allows a user to:

  • Create a book item
  • Update a book item
  • Delete a book item
  • Clear all book items
  • Persist book items using browser's localStorage
  • Show simple catalog of all the books in the localStorage
  • 🔴 Live Demo

    Click here in order to see a Live Demo of this project.

    Screenshots

    Add Book

    screenshot

    Update Book

    screenshot

    Sample Code

    screenshot

    🔧 Built with

    • Vanilla JavaScript
    • ES6
    • HTML
    • CSS
    • ESLint
    • StyleLint

    🔨 Setup

    Run a Local Copy

    Prerequisites

    • A modern up-to-date browser
    • Text Editor

    ✒️ Author

    👤 Temesghen Tekeste

    🤝 Contributing

    Contributions, issues and feature requests are welcome!

    Feel free to check the issues page.

    👍 Show your support

    Give a ⭐️ if you like this project!

    👏 Acknowledgements