https://github.com/mohamedhnoor/bookstore
A website that helps to keep a record of the book title and its author. Built using React
https://github.com/mohamedhnoor/bookstore
css react-hooks react-router reactjs redux redux-thunk redux-toolkit
Last synced: about 1 year ago
JSON representation
A website that helps to keep a record of the book title and its author. Built using React
- Host: GitHub
- URL: https://github.com/mohamedhnoor/bookstore
- Owner: MohamedHNoor
- License: mit
- Created: 2023-01-19T08:28:16.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2023-01-26T12:36:49.000Z (over 3 years ago)
- Last Synced: 2025-05-07T21:05:02.358Z (about 1 year ago)
- Topics: css, react-hooks, react-router, reactjs, redux, redux-thunk, redux-toolkit
- Language: JavaScript
- Homepage: https://bookstore-wdsr.onrender.com
- Size: 604 KB
- Stars: 10
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📗 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** is a website that allows you to:
- Display a list of books.
- Add a book.
- Remove a selected book.
> By building this application, I will learn how to use React and Redux.
- React Router
- React components
- JavaScript
- CSS
- ReactJS
- Redux
- Eslint
- Stylelint
Client
Server
Database
> Describe between 1-3 key features of the application.
- **[Add Reducer and Actions]**
- **[Use redux in react components]**
- **[Connect to API]**
- [Live Demo Link](https://bookstore-wdsr.onrender.com)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- [Node.js](https://nodejs.org/en/)
- [React](https://reactjs.org/)
- [Redux](https://redux.js.org/)
- [NPM](https://www.npmjs.com/)
- [ESLint](https://eslint.org/)
- [Stylelint](https://stylelint.io/)
### Setup
Clone this repository to your desired folder:
```sh
cd folder
`git clone https://github.com/MohamedHNoor/bookstore.git`
```
## Install
Install this project with:
```sh
cd project
npm install
```
## Usage
To run the project, execute the following command:
```sh
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
To run tests, run the following command:
```sh
npm test
```
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.
## Deployment
You can deploy this project using:
```sh
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.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).
### Code Splitting
This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
### Analyzing the Bundle Size
This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
### Making a Progressive Web App
This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
### Advanced Configuration
This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
### Deployment
This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
### `npm run build` fails to minify
This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
👤 **Mohamed H Noor**
- GitHub: [@MohamedHNoor](https://github.com/MohamedHNoor)
- Twitter: [@MohamedHNoor](https://twitter.com/MohamedHNoor)
- LinkedIn: [@MohamedHNoor](https://www.linkedin.com/in/mohamedhnoor/)
- [ ] **[Initialize project with components (React only)]**
- [ ] **[Add reducers and actions.]**
- [ ] **[Use Redux in React components.]**
- [ ] **[Connect to API.]**
- [ ] **[Styling ]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/MohamedHNoor/Math-Magicians-App/issues).
Give a ⭐️ if you like this project
I would like to thank Microverse
This project is [MIT](./LICENSE.txt) 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._
```