Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://graciano1997.github.io/awesomebook-es6/
In this project, I combined HTML, CSS, and JavaScript ES6 to build a Single Page Application that manages your awesome books collection
https://graciano1997.github.io/awesomebook-es6/
add-books contact-me display-books
Last synced: about 2 months ago
JSON representation
In this project, I combined HTML, CSS, and JavaScript ES6 to build a Single Page Application that manages your awesome books collection
- Host: GitHub
- URL: https://graciano1997.github.io/awesomebook-es6/
- Owner: Graciano1997
- License: mit
- Created: 2023-07-17T12:59:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-26T14:19:16.000Z (over 1 year ago)
- Last Synced: 2024-05-17T16:05:37.884Z (7 months ago)
- Topics: add-books, contact-me, display-books
- Language: JavaScript
- Homepage: https://graciano1997.github.io/awesomebook-es6/
- Size: 155 KB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Awesome books: with ES6
# 📗 Table of Contents
- [� Table of Contents](#-table-of-contents)
- [📖 AwesomeBooks-ES6 ](#-AwesomeBooks-ES6)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**Awesome Books - with ES6** is the fourth project in the Module 2. In this project I completed again the Awesome Book but using ES6.
- HTML
- CSS
- JAVASCRIPT
Client
- **[In this project you can a add new Book class that contain its properties and methods ]**
- **[In this project you can found dymanic HTML using literal template]**
- **[Add,remove and see books lists using class methods to save each book]**
- **[In this project you can see the contact information]**
- **[Local Storage for saving the data of the books]**
- [Live Demo Link](https://graciano1997.github.io/awesomebook-es6/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to clone this project you need:
◦ Installation of Git
◦ Installation of NPM
◦ A working browser
◦ Internet connection
◦ A code editor like Visual Studio Code
◦ Installation of Live Server plugging in Visual Studio Code
### Setup
To setup and install this project, follow the below steps:
- Clone this project by the command:
```
$ git clone https://github.com/Graciano1997/awesomebook-es6.git
```
- Then switch to the project folder by the bellow query:
```
$ cd dir
```
### Install
For setting up the linters you need:
-Follow the steps mentionated in this article https://github.com/microverseinc/linters-config/tree/master/html-css
### Usage
To run the project:
-Download the extension Live Server for Ritwick Dey.
-Then close and open again VScode.
-When you open the folder of the project in your local machine, in the lower left of your screen, you gonna see a item what says "Go Live".
-Press that button and set the developers tools and select your toggle device toolbar.
-And enjoy the project!.
👤 **Graciano Manuel Henrique**
- [ ] **[New styles with CSS]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Graciano1997/awesomebook-es6/issues).
If you like this project give it a⭐️
If you like this project share it with others you think can help to learn something new
Microverse
This project is [MIT](./LICENSE) licensed.