Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kaushikshivam/bookstore
Bookstore CMS let's your keep track of all the books that you own. It let's you add/remove/update the books. It is built using React and employs advanced state management technologies such as redux, routers etc. This is a project I built for the Microverse React course.
https://github.com/kaushikshivam/bookstore
capstone html html5 microverse netlify react react-router reactjs reactjs-components redux state-management
Last synced: 11 days ago
JSON representation
Bookstore CMS let's your keep track of all the books that you own. It let's you add/remove/update the books. It is built using React and employs advanced state management technologies such as redux, routers etc. This is a project I built for the Microverse React course.
- Host: GitHub
- URL: https://github.com/kaushikshivam/bookstore
- Owner: KaushikShivam
- Created: 2019-11-08T17:34:29.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T00:42:04.000Z (almost 2 years ago)
- Last Synced: 2024-04-09T21:20:57.768Z (7 months ago)
- Topics: capstone, html, html5, microverse, netlify, react, react-router, reactjs, reactjs-components, redux, state-management
- Language: JavaScript
- Homepage: https://bookstoreofficial.netlify.com/
- Size: 1.78 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookstore CMS
[Bookstore CMS](https://bookstoreofficial.netlify.com/) Bookstore CMS let's your keep track of all the books that you own. It let's you add/remove/update the books. It is built using React and employs advanced state management technologies such as redux, routers etc. This is a project I built for the Microverse React course.
## Table of content
- [Description](#description)
- [Installation](#installation)
- [Contact](#contact)
## Description
Bookstore CMS let's your keep track of all the books that you own. It let's you add/remove/update the books. It is built using React and employs advanced state management technologies such as redux, routers etc. This is a project I built for the Microverse React course.
### Milestone 1
- Create a barebones app using `create-react-app`
- Delete unwanted files
- Deploy it to heroku with buildpack
### Milestone 2
- Add directory structure
- Implement `App` component
- Implement `BooksList` component
- Implement `Book` component
- Implement `BooksForm` component
- Implement Redux actions and reducers
- Initialize Redux store
### Milestone 3
- Make `BooksForm` stateful to accommodate local input state
- Add `ADD_BOOK` and `REMOVE_BOOK` actions to connect components to redux store
### Milestone 4
- Enhance redux store for `filter`
- Implement `CategoryFilter` component
- Update filter value in redux store
### Milestone 5
- Replicate the UI to look like [this](https://app.zeplin.io/project/5b35a9e13227086040f8eb75/screen/5b695e29bb8c844f118f9378)
- The functionality only works for
- The filter on the top bar
- Remove button
- Add book form
- Added all the items so that it looked the same as the reference link.
## Installation
1. Clone the project to your local directory
```
git clone https://github.com/KaushikShivam/bookstore
```
2. The project uses NPM for managing dependencies. Run npm install to install all the required dependencies
```
npm install
```
3. Run the task runner to run the app
```
npm run start
```
## Contact
You can contact me at:
- [Portfolio](https://www.shivamkaushik.com)
- [Email](mailto:[email protected])
- [Linkedin](https://www.linkedin.com/in/kshivamdev/)
- [Twitter](https://twitter.com/kShivamDev)
- [Medium](https://medium.com/@shivamkaushikofficial)
- [Angellist](https://angel.co/kshivamdev)