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

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

REACT Bookstore is a website where users can found their favorites Books being able to comment, edit, remove or update their progress. Built with HTML, CSS, JavaScript, and React.
https://github.com/rysth/react-bookstore

Last synced: over 1 year ago
JSON representation

REACT Bookstore is a website where users can found their favorites Books being able to comment, edit, remove or update their progress. Built with HTML, CSS, JavaScript, and React.

Awesome Lists containing this project

README

          


logo


John Palacios - RysthCraft


# 📗 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)
- [Commands](#commands)
- [Test](#test)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 REACT Bookstore

- **REACT Bookstore** is a website where users can found their favorites Books being able to comment, edit, remove or update their progress. Built with HTML, CSS, JavaScript, and React.

## 🛠 Built With

### Tech Stack

- [HTML](https://www.w3schools.com/html/)
- [CSS](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/)
- [React](https://react.dev/)

### Key Features

- Display a list of books
- Add a book
- Remove a selected book

(back to top)

### 🚀 Live Demo

![image](https://github.com/Rysth/REACT-Bookstore/assets/115722896/c9f7a71e-5c74-4b3a-b778-71db92db918f)

- [Live Demo](https://react-bookstore-2060.onrender.com/)

## 💻 Getting Started

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

### Setup

Clone this repository to your desired folder:

```
git clone https://github.com/Rysth/REACT-Bookstore.git
cd REACT-Bookstore
code . (To open VS Code Editor)
```

Then, you will change everything you want!

### Commands

- ✔️ _npm start_:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

- ✔️ _npm test_:
Launches the test runner in the interactive watch mode. See the section about running tests for more information.

- ✔️ _npm run build_:
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

### Test

In order to follow the Linters you could check them using this:

```
CSS Checker:
npx stylelint "**/*.{css,scss}"

ESLint Checker:
npx eslint "**/*.{js,jsx}"
```

_Use at the end '--fix' to help you out with any error._

(back to top)

## 👥 Authors

👤 **John Palacios**

- GitHub: [@rysthcraft](https://github.com/Rysth)
- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-rysthcraft/)

(back to top)

## 🔭 Future Features

- Implement a DataBase
- Deploy the Application in Render

(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 feel free to watch it and take some features that will enhance your project
as well.

(back to top)

## 🙏 Acknowledgments

I would like to thank the Microverse Team for reviewing my code and making me a better
professional.

(back to top)

## 📝 License

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

(back to top)