Skip to content

A low fidelity app to create a book list and save it to local storage. Built with ECMAScript 2015, HTML, CSS.

License

Notifications You must be signed in to change notification settings

portfolio-roy/awesome-books-es6

Repository files navigation

📗 Table of Contents

📖 Awesome Books (ES6)

Awesome Books (ES6) is the ES6 version of previous basic version of Awesome Books. All codes are refatored to ES6 and divded into modules.

List of modules

In alphabetic order:

  1. addsingle: Function for adding a single item to the local storage and to the page.
  2. addtopage: Function for adding a single item to the page.
  3. bookinfo: Constructor class for book object.
  4. buildpage: Build the page using local data.
  5. collection: Class containing addBook and deleteBook methods.
  6. date: Show formatted current date using luxon.
  7. emptymessage: Show a message if the list is empty.
  8. genid: Generate an alpha-numeric random id for each book.
  9. menu: For the menu.
  10. readinput: Capture values from the form inputs.

🛠 Built With

Tech Stack

Languages
  • HTML
  • CSS
  • Javascript
Server

Key Features

  • Add Books to a book list
  • Delete Books from the book list
  • Save data to local storage

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Setup

Clone this repository to your desired folder:

  git clone git@github.com:portfolio-roy/awesome-books-es6.git
  cd awesome-books-es6

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  python3 -m http.server 8000

Deployment

You can deploy this project using Github Pages

(back to top)

👥 Author

👤 Utsargo Roy

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give me a star.

(back to top)

🙏 Acknowledgments

We would like to thank all my fellow micronauts.

External library Luxon is used for showing date and time.

(back to top)

❓ FAQ

  • What is this project?

    • It's a project of micoverse curriculam.
  • Is there any SQL database for this site

    • No, there isn't. However, we used javascirpt objects stored in a file as a small database.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

About

A low fidelity app to create a book list and save it to local storage. Built with ECMAScript 2015, HTML, CSS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages