https://github.com/sonickmumba/bookstore-with-react
"Bookstore" is a website that allows you to display a list of books, add a book and remove selected book. It is built using react and redux and follows the design by Zeplin project. It also makes use of API for storage and retrieval of data
https://github.com/sonickmumba/bookstore-with-react
css javascript reactjs redux-thunk redux-toolkit webpack
Last synced: 3 months ago
JSON representation
"Bookstore" is a website that allows you to display a list of books, add a book and remove selected book. It is built using react and redux and follows the design by Zeplin project. It also makes use of API for storage and retrieval of data
- Host: GitHub
- URL: https://github.com/sonickmumba/bookstore-with-react
- Owner: Sonickmumba
- Created: 2022-09-29T11:03:58.000Z (almost 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-10-07T12:43:41.000Z (almost 4 years ago)
- Last Synced: 2025-07-20T06:44:25.527Z (12 months ago)
- Topics: css, javascript, reactjs, redux-thunk, redux-toolkit, webpack
- Language: JavaScript
- Homepage:
- Size: 1.06 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookstore
> "Bookstore" is a website that allows you to display a list of books, add a book and remove selected book. It is built using react and redux and follows the design by [Zeplin project](https://app.zeplin.io/project/5b35a9e13227086040f8eb75/screen/5b695e29bb8c844f118f9378).
## Built With ⚙️
- **Major languages**: HTML, CSS, & JavaScript.
- **Frameworks**: React.
- **Linters**: Lighthouse, Webhint, Stylelint and ESLint.
- **Technologies used**: NPM, Webpack, & Jest Library.
- **Tools**: Git, Gitflow, GitHub, VS Code, & Chrome Browser.
## Live Demo (Deployed on GitHub Pages with SSL)
[Live Demo Link]()
## Video Presentation
[Live Video Link]()
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- [x] Basic knowledge of **React**.
- [x] Basic knowledge of **redux**.
- [x] Basic Knowledge of **HTML**, **CSS**, & **JavaScript**.
- [x] Basic knowledge of **ES6** syntax.
- [x] Basic knowledge of **Git**, **GitHub** &**Gitflow**.
- [x] Basic knowledge of **Linters**.
- [x] Basic knowledge of **Webpack**.
- [x] Basic knowledge of **Jest** unit-testing library.
- [x] Basic knowledge of **VS Code** or any other code-editors.
### Setup
- Create a new **Microverse** folder and move into it.
- Open the **Command Prompt (CMD)** in the current directory (Microverse Folder).
- Run the following command:
```
$ git clone git@github.com:Sonickmumba/bookstore-with-react.git
```
- Once finished you should see a new folder called **Bookstore** in your current directory.
- cd into the folder and run the following commands:
```
$ npm install
```
```
$ npm start
```
- Start customizing the project so it fits your personal preferences and needs.
- Enjoy your new professional **Bookstore Web** application!
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
### Deployment
For deployment you can use the **[GitHub Pages](https://pages.github.com/)**.
## Authors
👤 **Sonick Mumba ([Sonickmumba](https://github.com/Sonickmumba))**
- GitHub: [Sonickmumba](https://github.com/Sonickmumba)
- Twitter: [@Sonick](https://twitter.com/MumbaSonick)
- LinkedIn: [Sonick Mumba](https://www.linkedin.com/in/sonick-m-301557a2/)
## Show your support
Give a ⭐️ if you like this project!
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Acknowledgments
- [Zeplin project](https://app.zeplin.io/project/5b35a9e13227086040f8eb75/screen/5b695e29bb8c844f118f9378) for the design
- [Microverse](https://www.microverse.org/)
- Code Reviewers & Coding Partners
- etc
## 📝 License
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._