This project entails building the frontend of a Bookstore application. This application helps the user to organize and manage books in their bookstore. The stages of development are covered in the milestone below.
This involves setting up the project files and directories. Installed all required packages and hosting the app on Heroku.
This entails setting up and arranging files and directories used in this project. Various components used in this application are implemented as required by the project specification. The components include BookForm, BookList, App, and Book. Reducers and Actions are also implemented. The redux store was also initialized.
In this milestone, i connected the Remove_Book action to the redux store. I implemented redux actions to handle creating new book and removing books from the application. Remove Book button is now displayed next to each book row in the BooksList component.
In this milestone, I implemented the following;
- Created CHANGE_FILTER action
- Implemented the filter reducer
- Implemented the CategoryFilter component
- Implemented processes to keep the filter value in the redux store.
Get a local copy of the file. Clone with HTTPS following the steps below.
- In your search box, type cmd, click on cmd to open the command prompt.
-
In your search box, type terminal, click on the terminal to launch it.
-
Copy and paste the command below in your terminal and press enter from your keyboard.
git clone https://github.com/Zubenna/my-bookstore-project.git
- Depending on where the project files are downloaded to, either Hard Disk(HDD), Desktop or Documents directory in your computer after completing the step above.
- Double click on the folder calculator to open it.
- Inside the folder, right-click and click on terminal or cmd depending on your Operating System to open it.
- In the cmd or terminal, type the command below;
npm install
- Wait for some time to install all the app packages.
- Once the installation is completed.
- Type the command below in your cmd or terminal to start the project locally. Wait for some time.
npm start
- Once the server is fully started, you will see the project opening a different tab on your browser at port http://localhost:3000/. The page now displays the calculator app built with react.js. You can use the calculator now.
Launch live version.
- React.js
- JavaScript
- React-DOM
- React-Create-App
- Redux
- npm
๐ค Nnamdi Emelu
- Github: zubenna
- Twitter: @zubenna
- Linkedin: nnamdi-emelu
Contributions, issues, and feature requests are welcome! Feel free to check the issues page
Kindly star โญ๏ธ this project, if you like it!
This project is MIT licensed.