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

https://github.com/alejandroq12/bookstore

A modern, responsive bookstore application built with React, Redux, and a bookstore API. The app allows users to browse, add, and remove books, showcasing efficient state management and real-time data handling.
https://github.com/alejandroq12/bookstore

api css3 html5 http-requests javascript reactjs redux-toolkit

Last synced: 5 days ago
JSON representation

A modern, responsive bookstore application built with React, Redux, and a bookstore API. The app allows users to browse, add, and remove books, showcasing efficient state management and real-time data handling.

Awesome Lists containing this project

README

        

# Bookstore



logo


The Bookstore


# πŸ“— Table of Contents

- [Bookstore](#bookstore)
- [πŸ“— Table of Contents](#-table-of-contents)
- [πŸ“–Bookstore ](#bookstore-)
- [πŸ›  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)
- [Run tests](#run-tests)
- [Deployment ](#deployment-)
- [πŸ‘₯ Author ](#-author-)
- [πŸ”­ Future Features ](#-future-features-)
- [🀝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [πŸ“ License ](#-license-)

# πŸ“–Bookstore

A modern, responsive bookstore application built with React, Redux, and a bookstore API. The app allows users to browse, add, and remove books, showcasing efficient state management and real-time data handling.

## πŸ›  Built With
HTML,
CSS,
JavaScript,
React.js,
Redux Toolkit,
Axios.

### Tech Stack

Client

Package Manager

Linters

### Key Features

- **Responsive design**
- **Browse, add, and remove books from the collection**
- **State management with Redux Toolkit**
- **API integration with a bookstore API**

(back to top)

## πŸš€ Live Demo

- [Live Demo Link](https://candid-quokka-8e7e31.netlify.app/)

(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 web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- `node` should be installed in your local machine, [node website](https://nodejs.org/en/download/).
- Install the `npm` package manager use this [to install both node and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).

### Setup

Clone this repository to your desired folder or download the Zip folder:

```
https://github.com/Alejandroq12/bookstore.git

```

- Navigate to the location of the folder in your machine:

**``you@your-Pc-name:~$ cd bookstore``**

### Install

To install all dependencies, run:

```
npm install
```

### Usage

To run the project, follow these instructions:

- After Cloning this repo to your local machine.
- You must use `npm start` command in terminal to run this at the localhost.

### Run tests

To run tests, run the following command:

- Track CSS linter errors run:
```
npx stylelint "**/*.{css,scss}"
```
- Track JavaScript linter errors run:
```
npx eslint "**/*.{js,jsx}"
```

### Deployment

You can deploy this project using: GitHub Pages,
- I used Netlify Pages to deploy my website.
- For more information about deployment on Netlify see "[Netlify](https://www.netlify.com/)".

(back to top)

## πŸ‘₯ Author

πŸ‘€ **Julio Quezada**

- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)

(back to top)

## πŸ”­ Future Features

- [ ] **I will implement more pages**
- [ ] **I will create statistics acordding to individual users**

(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 give me a star ⭐️

(back to top)

## πŸ™ Acknowledgments

I want to thank all my colleagues that share knowledge with and inspired to to improve each day.

(back to top)

## ❓ FAQ

- **Did you created this project from zero?**

- Of course, as if it were a real life job scenario.

(back to top)

## πŸ“ License

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

(back to top)