Giter VIP home page Giter VIP logo

ashmalzahra / awesome-books Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 5.7 MB

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. The data in the application has been managed using JavaScript. Thanks to that, the website will be more interactive.

License: MIT License

HTML 22.20% JavaScript 49.79% CSS 28.00%
best-practices css3 html javascript

awesome-books's Introduction

Awesome Books

๐Ÿ“— Table of Contents

Awsome books

Awesome Books is a website built with basic UI and vanilla JavaScript.

Built With

  • HTML, CSS, JavaScript
  • VSCode

(back to top)

Tech Stack

Client
  • CSS
Server
Database

Key Features

  • Awesome Books stores all data in Local Storage so the user never loose the book list

(back to top)

Live Demo

Live Demo Link

Getting Started

Clone this repository to get started with the project, make sure to configure linters by following the instructions in the Linters README file

(back to top)

Prerequisites

In order to run this project you need:

  • A working computer.
  • Connection to internet.

Setup

  • Clone the folder to your local machine.
  • Open the index.html file in your brower.

(back to top)

Run tests

  • After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.
  • For stylelint errors run:sudo npx stylelint "*/.{css,scss}" --fix for automatic fix.

(back to top)

Install

You don't need to install anything.

Usage

To run the project, execute the following command:

  • Go to the file called index.html.
  • Right click Open Live Server.

(back to top)

Authors

๐Ÿ‘ค Ashmal Zahra

(back to top)

๐Ÿ”ญ Future Features

  • Refactor the JavaScript code using classes to make it more modular.

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

Show your support

Give a โญ๏ธ if you like this project!

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank Microverse for the information provided to build this project.

(back to top)

โ“ FAQ (OPTIONAL)

  • Can I use the project for any purpose?

    • Yes, you can.
  • Is the information saved in any database?

    • No, all data is saved in Local Storage.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

awesome-books's People

Contributors

ashmalzahra avatar elad237 avatar

Stargazers

Kazaneza Gentil avatar

Watchers

 avatar

awesome-books's Issues

Peer to Peer Code Review

Please Consider the following issues:

  • Instead of repeating a built-in function to set and get items from local storage. Instead, use the setter and getter function.
    For example: line 8, 40 and 45.
  • On line 14 js file.: Good way to remove the existing book from the Html. Nice work.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.