https://github.com/ridwanullahi-code/bookstore-app
A single-page application that allows you to display a list of added books, add a new book,s and remove a book built using React, Redux, and CSS.
https://github.com/ridwanullahi-code/bookstore-app
api best best-practices bookstore css git github html javascript react react-testing-library redux redux-toolkit
Last synced: about 1 month ago
JSON representation
A single-page application that allows you to display a list of added books, add a new book,s and remove a book built using React, Redux, and CSS.
- Host: GitHub
- URL: https://github.com/ridwanullahi-code/bookstore-app
- Owner: Ridwanullahi-code
- Created: 2022-11-10T16:17:24.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2022-12-02T22:41:55.000Z (over 3 years ago)
- Last Synced: 2025-03-25T07:17:27.577Z (about 1 year ago)
- Topics: api, best, best-practices, bookstore, css, git, github, html, javascript, react, react-testing-library, redux, redux-toolkit
- Language: JavaScript
- Homepage: https://react-bookstore-app1.netlify.app/
- Size: 524 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## **Project Demo**
[Live Demo](https://react-bookstore-app1.netlify.app/)
## **Description**
**Bookstore** A single-page application that allows you to display a list of added books, add a new book,s and remove a book built using React, Redux, and CSS.
## **Project Goals:**
- Use JavaScript Best pratice
- Understand the using of [HTML & CSS best practices](https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md)
- Use GitHub flow
- Use [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/gitflow.md).
- Setup project with [React](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/lessons/what_is_react.md)
- Understand how to use medium-fidelity [wireframes](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/sneak_peek.md) to create a UI
## **Prerequisites:**
- Basic Knowledge of HTML & CSS
- Basic Knowledge of [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) & [ES6](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/lesson_es6-what_is_it_about.md) syntax
- Basic Knowledge of [React Setup](https://reactjs.org/docs/getting-started.html) setup
- [Jest](https://jestjs.io/docs/getting-started) and [React Testing Library ](https://testing-library.com/docs/react-testing-library/example-intro)
## **Build With:**
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [React]((https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md))
## **SETUP**
To make use of this project, kindly run any of the following commands.
```
git clone https://github.com/Ridwanullahi-code/bookstore-app.git
```
or
```
git clone git@github.com:Ridwanullahi-code/bookstore-app.git
```
## **INSTALL**
```
npm install
```
```
npm install --save-dev @testing-library/dom
```
## **Run On Server**
To run the project on server, run below command
```
npm start
```
## **Run Test**
To test run the project
```
npm run test
```
## **Show your support**
Give a ⭐️ if you like this project!
## **Authors**
- Github: [Ridwan](https://github.com/Ridwanullahi-code)
- LinkedIn: [Ridwan](https://www.linkedin.com/in/ajayi-ridwan/)
## 🚀 **About Me**
I'm full stack software developer, Computer science, and Microverse student.
**Stack:** Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!
## 🤝 **Contributing**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Ridwanullahi-code/bookstore-app/issues/)
## **Acknowledgements**
- [Microverse](https://www.microverse.org/)
## **License**
This project is [MIT](https://choosealicense.com/licenses/mit/LICENSE) licensed.