Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kanzatahreem/bookstore

Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.
https://github.com/kanzatahreem/bookstore

api babel create-react-app ducks-pattern feature-folders javascript jsx react react-router reactjs redux reduxthunk reduxtoolkit webpack

Last synced: 26 days ago
JSON representation

Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.

Awesome Lists containing this project

README

        

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

# Bookstore

_Bookstore_, built with _**React**_ and _**Redux**_, is a website that helps you to be more organized. It is a Single Page App (SPA) that allows users to:

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

[Bookstore API](https://www.notion.so/Bookstore-API-51ea269061f849118c65c0a53e88a739) is used to add and remove books.

To get a pure JavaScript version of the app, follow [Awesome Books](https://github.com/KanzaTahreem/Awesome-Books).

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Built With

- HTML/CSS
- JavaScript
- Babel
- React
- Redux
- Webpack
- [Bookstore API](https://www.notion.so/Bookstore-API-51ea269061f849118c65c0a53e88a739)
- [React Router](https://reactrouter.com/en/main)
- [Linters](https://github.com/microverseinc/linters-config/tree/master/react-redux)

## Live Demo Link

Live at [Bookstore](https://ks-bookstore.netlify.app/)

## Getting Started

### Prerequisites

- node.js
- git
- JavaScript
- Webpack

### Setup

To get a local copy, follow the steps below:

Open your terminal

Navigate to the directory where you want to clone the project.

Clone the project using `git clone` or directly by running the following command

`git clone [email protected]:KanzaTahreem/Bookstore.git`

Open your editor and run

- `npm install`
- `npm run build`
- `npm start`

## Available Scripts

In the project directory, you can run:

- `npm start` - _To run the app in the development mode._
- `npm test` - _To launch the test runner in the interactive watch mode._
- `npm run buid` - _To build the app for production to the build folder.Learn more at [deployment](https://create-react-app.dev/docs/deployment/)_
- `npm run eject` - _To remove the single build dependency from your project. **Note this is a one-way operation. Once you eject, you can't go back!**_

## Authors

👤 **Author**

- GitHub: [@KanzaTahreem](https://github.com/KanzaTahreem)
- Twitter: [@kanza_tahreem](https://twitter.com/kanza_tahreem)
- LinkedIn: [Kanza Tahreem](https://www.linkedin.com/in/kanza-tahreem/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/KanzaTahreem/Bookstore/issues).

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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

## Learn More

Learn more at [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out [React documentation](https://reactjs.org/).