Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iturres/bookstore-react-app
⚛️React-Redux-App⚛️ | An SPA that allows users to display/add/remove books from a list using React + Redux. Check it out! 👇
https://github.com/iturres/bookstore-react-app
booklist bookstore javascript react react-router redux redux-thunk redux-toolkit sass
Last synced: 18 days ago
JSON representation
⚛️React-Redux-App⚛️ | An SPA that allows users to display/add/remove books from a list using React + Redux. Check it out! 👇
- Host: GitHub
- URL: https://github.com/iturres/bookstore-react-app
- Owner: ITurres
- License: mit
- Created: 2023-07-13T22:42:14.000Z (over 1 year ago)
- Default Branch: development
- Last Pushed: 2023-12-18T00:02:36.000Z (11 months ago)
- Last Synced: 2024-10-09T18:11:34.296Z (29 days ago)
- Topics: booklist, bookstore, javascript, react, react-router, redux, redux-thunk, redux-toolkit, sass
- Language: JavaScript
- Homepage: https://iturres.github.io/bookstore-react-app/
- Size: 2.58 MB
- Stars: 15
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Bookstore - React App
---
# 📗 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](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
---
**Bookstore - React App** An SPA that allows users to display/add/remove books from a list using React + Redux and the [Bookstore API](https://microverse.notion.site/Bookstore-API-51ea269061f849118c65c0a53e88a739).
---
#### Learning objectives
- Use React Router.
- Use React components.
- Use Redux.
- Use Hooks.
- Understand the concept of state management.
- Use store, actions and reducers in React.
- Connect React and Redux.
- Connect an existing API via Redux and use the data to display it in a UI.
---
- **Use of Hooks**
- **Use of State**
- **Use of Redux Toolkit**
---
- [Live Demo Link](https://iturres.github.io/bookstore-react-app/)
---
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
### Setup
Clone this repository to your desired folder:
Example commands:
```bash
cd my-folder
git clone [email protected]:ITurres/bookstore-react-app.git
```
### Install
Install this project's dependencies with:
- npm install
### Usage
To run the project, execute the following command:
```bash
npm start
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### Run tests
- Not Applicable.
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
---
👤 **Author1**
- GitHub: [@ITurres](https://github.com/ITurres)
- Twitter: [@Arthur_ITurres](https://twitter.com/ArthurIturres)
- LinkedIn: [Arthur Emanuel G. Iturres](https://www.linkedin.com/in/arturoemanuelguerraiturres/)
---
- [ ] Migrate to TypeScript.
- [ ] Add Unit Tests.
- [ ] Add Integration Tests.
---
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ITurres/bookstore-react-app/issues).
---
Give a ⭐ if you liked this project!
---
I thank Microverse for this fantastic opportunity, the Code Reviewers and [NitBravoA92](https://github.com/NitBravoA92?tab=repositories) for their advice and time 🏆
---
This project is [MIT](./LICENSE) licensed.
---