https://github.com/onjoseph/bookstore
A simple React with Redux book store web app, where you can add and remove books, update reading progress and list by categories.
https://github.com/onjoseph/bookstore
css3 html5 javascript microverse react reactjs redux
Last synced: about 2 months ago
JSON representation
A simple React with Redux book store web app, where you can add and remove books, update reading progress and list by categories.
- Host: GitHub
- URL: https://github.com/onjoseph/bookstore
- Owner: ONJoseph
- License: mit
- Created: 2022-06-03T08:02:16.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-15T02:02:04.000Z (about 2 years ago)
- Last Synced: 2025-02-04T04:14:14.488Z (3 months ago)
- Topics: css3, html5, javascript, microverse, react, reactjs, redux
- Language: JavaScript
- Homepage: https://github.com/ONJoseph/Bookstore
- Size: 4.38 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Joseph Ogbole Bookstore project
> React & Redux app
## Description
This project will lay the foundations for my Bookstore website. I will create a React and Redux app. I will structure my files using the "feature folder" approach. I will also set up routing using React Router.
## Requirements:
### Phase 1, initialize project with components
- [x] Initialize React app.
- [x] Add React Redux (`npm install react-redux`).
- [x] Structure your application files using a "feature folder" approach and use the ducks pattern for your Redux files. Your files/folder structure could look like this:
...
/src
|---/components
|---/redux
|--- /books
| books.js
|--- /categories
| categories.js
| configureStore.js
| index.js
- [x] The building blocks of your app should be set as re-usable components.
- [x] Add [React Router](https://v5.reactrouter.com/web/guides/quick-start) and set two ``s and ``s for the app's navigation:
- [x] Books - the default view
- [x] Should display the list of books (empty at this point but it should be ready for the data) with the Remove button (no functionality yet).
- [x] Should have a form for adding a book (no functionality yet).
- [x] Categories
- [x] Should display "Under construction" text only.
- [x] Styling is not required at this point.
## Built With
- Major languages: Javascript
- Frameworks: React.js
- Technologies used: Redux, Babel, Jest, webpack
- Tested with: - ESLint (JavaScript linting), Stylelint (style linting)
## Live Demo
[Live link]()
### Deployment
- Not ready yet
### Prerequisites
- Internet connection and browser
- A text editor(preferably Visual Studio Code)
- Browser
### Setup
- This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Install
- [Git](https://git-scm.com/downloads)
- [Node](https://nodejs.org/en/download/)
### Usage
- Clone the repository using `git clone https://github.com/ONJoseph/Bookstore.git`
- Change directory into the project folder: `cd bookstore`
- Run `npm install`
- Run `npm start`
- A new browser will open automatically with application loaded automatically on port 3000
## Author
👤 **Joseph Ogbole**
- GitHub: [@ONJoseph](https://github.com/ONJoseph)
- Twitter: [@ONJCodes](https://twitter.com/ONJCodes)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/o-n-joseph-ba8425147/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ONJoseph/Bookstore/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse for the Readme Template
## 📝 License
This project is [MIT](./LICENCE) licensed.