https://hanasabih.github.io/awesome-books-with-es6/

A Booklist app that makes a list of books by name of book and author to allow users to add and remove from the books, and clear completed books. built with Html, CSS, Javascript, and Bootstrap.
https://hanasabih.github.io/awesome-books-with-es6/

bootstrap5 css html javascript

Last synced: about 1 month ago
JSON representation

A Booklist app that makes a list of books by name of book and author to allow users to add and remove from the books, and clear completed books. built with Html, CSS, Javascript, and Bootstrap.

• Host: GitHub
• URL: https://hanasabih.github.io/awesome-books-with-es6/
• Owner: HanaSabih
• Created: 2023-01-15T16:33:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-17T11:55:27.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T05:55:25.133Z (2 months ago)
• Topics: bootstrap5, css, html, javascript
• Language: JavaScript
• Homepage: https://hanasabih.github.io/awesome-books-with-es6/
• Size: 146 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  

  
Awesome Books




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

# 📖 Awesome Books 

 This is a Awesome books: plain JavaScript with objects project in the Microverse program to test my understanding in different ways to create objects in JavaScript, and Create and access properties and methods of JavaScript objects.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
HTML

    
CSS

    
JAVASCRIPT

    
BOOTSTRAPL

  


### Key Features 

- **Responsive design**

- **Used only Bootstrap, CSS, html and Javascript**

(back to top)


## 🚀 Live Demo 

- [Live Demo Link](https://hanasabih.github.io/awesome-books-with-es6/)

(back to top)


## 💻 Getting Started 

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

### Prerequisites

In order to run this project you need:

- A personal computer connected to the internet

- A Modern/Updated web browser

- Have a local version control like git installed on your computer and a Github account

- Code editor installed on your computer

### Setup

Clone this repository to your desired folder:

```sh

    cd your-desired-folder

    git clone https://github.com/HanaSabih/awesome-books.git

```

### Install

Install this project with:

```sh

    cd your-desired-folder

    git clone https://github.com/HanaSabih/awesome-books.git

```

### Usage

To run the project, open index.html with your preferred browser.

### Run tests

To run tests, run the following command in your `git bash` or CLI:

- `npx hint .` : for the html codebase and use of best practices.

- `npx stylelint "**/*.{css,scss}" `: for the css codebase and use of best practices. you can add.

- `npx eslint . `: for the JavaScript codebase and use of best practices.

## 👥 Authors 

👤 **Hana Sabih**

- GitHub: [@githubhandle](https://github.com/HanaSabih)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/hana-sabih/)

(back to top)


## 🔭 Future Features 

[] Add date and time for each book and store it

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project, kindly give a ⭐️.

(back to top)


## 📝 License 

This project is [MIT](https://github.com/HanaSabih/awesome-books-with-es6/blob/awesome-es6/MIT.md) licensed.