An open API service indexing awesome lists of open source software.

https://github.com/yothu/bookstore-react

Web Application that allows you to add and remove books.
https://github.com/yothu/bookstore-react

bookshelf react redux web-application

Last synced: 5 months ago
JSON representation

Web Application that allows you to add and remove books.

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# BOOKSTORE - REACT

> Web Application that allows you to add and remove books!
> This project was created with the purpose of consolidating the creator's knowledge of React.

## Built With

- JavaScript, HTML, CSS
- React
- Webpack

## Live Demo

Check the [Live Demo](https://bookstore-dhaivy.netlify.app/) of this project!

## Getting Started

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

### Prerequisites

You need to be able to use Node Package Manager, or also called, the `npm` command.
If you dont have it, install it with these commands in the CLI (for Linux):

`curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -`

`sudo apt install nodejs`

Then, run this command in the CLI:

`npm --version`

If the previous command prints a single line with a version number on screen, `npm` was installed.
### Install

First you need to clone the repository into the folder of your choice with this command:

`git clone https://github.com/Yothu/bookstore-react.git`

Then go inside the repository foler with this command:

`cd bookstore-react`

After you are inside, download the `npm` dependecies with this command:

`npm install`

Finally, show the project through the browser with this command:

`npm start`

### Usage

You can **add** Books with is *Title* and *Category* in the form at the bottom, then press *ADD BOOK*.
Once you press the button a new **Book** will be created, you can **delete** them by pressing the *remove* button at the bottom part of each book.

## Author

👤 David Vergaray

- GitHub: [@Yothu](https://github.com/Yothu)
- Twiter: [@Daivhy](https://twitter.com/Daivhy)
- LinkedIn: [David Vergaray](https://www.linkedin.com/in/david-vergaray-almontes-051a11127/)

## 📝 License

This project is [MIT](./MIT.md) licensed.

## Show your support

Give a ⭐️ if you like this project!