"The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book

Related tags

React Apps react redux uuid css3 axios responsive-website
Overview

Bookstore

"The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book

Bookstore CMS

Built With

  • CSS
  • React
  • Redux
  • Axios
  • UUID

Live Demo

https://book-store-v2.netlify.app/

Getting Started

To get a local copy open and running follow these simple example steps.

Setup

  • Download or Clone Repository.
  • In case you downloaded repository Extract ZIP Folder.

Installation

  • One folder in your text editor.
  • Run npm install command to install all dependencies. N.B: Make sure that you have node installed in your commputer, if not Download Node

Usage

Navigate to the Folder and Double Click on index.html File or you can simply open project with live server in your editor. Project will open and running to your Browser. Learn more about Live Server

Authors

👤 RWUBAKWANAYO

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Great appreciation to Microverse community.

📝 License

This project is MIT licensed.

Comments
  • Bookstore styling

    Bookstore styling

    In this project we:

    • [ ] Create directory assets which hold the project images
    • [ ] Create directory Progress which contain progress bar
    • [ ] Add styles of navbar
    • [ ] Add styles of book section
    • [ ] Add styles of Add new book section
    • [ ] Add project responsive
    • [ ] Fix the linter errors
    opened by RWUBAKWANAYO 1
  • Connect to API

    Connect to API

    In this project we:

    • [ ] Install redux-toolkit which provides thunk to the project
    • [ ] Install Axios to handle our API requests
    • [ ] Add an Action Creator, that returns a function to dispatch and pass API response to reducer and updates the state.
    • [ ] Add an Action Creator, that returns a function to dispatch so that reducer should remove the book from the state.
    • [ ] Add an Action Creator, that returns a function to dispatch so that reducer should add the book from the state.
    • [ ] Fix Linter errors
    • [ ] Update readme file

    N.B: we tried to avoid the process of making many API requests by updating the state when users remove or add new books without fetching data every time users perform both of the actions

    opened by RWUBAKWANAYO 1
  • Use Redux in React components

    Use Redux in React components

    In this project we:

    • [ ] Change default state books reducer from an empty array to an array with a few books
    • [ ] Change the state to immutable in reducers
    • [ ] Redux Provider and your store in the main component of your React app.
    • [ ] Connect the app to the Redux store
    • [ ] Used useSelector to consume the state
    • [ ] add functionality for "Add new" button click
    • [ ] add a functionality for "Remove" button click
    • [ ] add a functionality for "Check status" button click
    • [ ] Dispatch an action corresponding to the button clicked
    • [ ] Fix linter errors
    opened by RWUBAKWANAYO 1
  • Bookstore add reducers and actions

    Bookstore add reducers and actions

    In this project we:

    • Add React Redux to the project
    • Structure the application files due to the instructions
    • Define action types for adding and removing a book
    • Add and export Action Creators for adding and removing a book
    • Create a reducer for books and export it as default
    • Define an action type for checking the status
    • Export Action Creators for checking the status
    • Write your reducer for checking the status and export it as default
    • Configure the Redux Store by combining reducers in the root reducer and use the root reducer to create your store
    • Fix linter issues
    • Update the readme file
    opened by RWUBAKWANAYO 1
  • Project with components

    Project with components

    In this project we:

    -Add linter configuration

    • Create Books and Book components
    • Create the AddForm.js file as our form components
    • Add Categories.js file as components
    • Create Navbar components
    • Connect components to the routes
    • Add prop-types validation
    • Update the readme file
    • Fix linter error
    opened by RWUBAKWANAYO 1
Owner
Rwubakwanayo Olivier
Full-Stack Software Developer with a love of React and Nodejs 💻. Open for collaboration and looking for new opportunities.! 👍
Rwubakwanayo Olivier
GitHub https://book-store-v2.netlify.app/
Bookstore is a react web app built to show collections of books

Bookstore is a react web app built to show collections of books, and give users access to add new books or remove existing book

divine charlotte 11 Nov 23, 2022
A book store site built with React and Redux that allows users to add/remove books

Book Store In this project, I built a basic website that allows users to add/remove books from a book list using React and Redux. Built With React.js

Kyrillos Hany 9 Mar 23, 2022
Book store is a simple app built with React and Redux that allows you to view, add, and remove books

Book Store Book store is a simple app built with React and Redux that allows you to view, add, and remove books Explore the docs ???? · Live Demo Comi

Eze Promise 3 Aug 8, 2022
A React-Redux application connected to an existing API to create and remove books in a remote server

Bookstore The Bookstore is a React-Redux application connected to an existing API to create and remove books in a remote server. Users can Display the

Sahar Abdel Samad 10 May 31, 2022
Powerfull TODOLIST app with React.js with Add, Remove, Remove all, Edit, Local Storage features.

Advance React TODOLIST Application Powerfull TODOLIST app with React.js with Add, Remove, Remove all, Edit, Local Storage features. Clone this project

Taher Ahmed Ashraf 4 Jul 19, 2022
A website that allows users to add/remove books from a list

This is a website that allows users to add/remove books from a list. This project is build using JavaScript objects and arrays.

Basir Mohammadi 12 Sep 26, 2022
A bookstore MVP that allows users to add, delete, and list available books

Bookstore It is a bookstore MVP that allows users to add, delete, and list available books. Features The website displays a bookstore user interface u

Gabriela Sánchez Espirilla 2 Mar 23, 2022
📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

?? Task manager with react js you can add title add description , edit??, complete✔, remove❌, localstorage, dark mode ??

ali turkaman 17 Sep 23, 2022
Bookstore is a simple online book store. It's built with React, Redux and Bootstrap

Bookstore Bookstore is a simple online book store. It's built with React, Redux and Bootstrap. It allows you to: Display a list of books. Add a book.

Dico Diaz Dussan 9 Jun 29, 2022
Book Store App - a bookstore website published with react and redux

Book Store App This is a bookstore website published with react and redux. It has display list of books, add books and also remove books functionaliti

Michael_Tamirie 4 Apr 9, 2022
Bookstore app, store your favorites books. Built with JavaScript, React, SASS and framer.

Bookstore. Bookstore application built with REACT, JAVASCRIPT, and SASS. It lets you add and remove books. I also used motion library too create compl

Gabriel Rendon 5 May 4, 2022
Book Appoinments frontend - react forntend application for doctor book appoinemnts

Book Appoinments frontend is react forntend application for doctor book appoinemnts. This applications is responsive and users can load, create, and delete doctors and reservations. Users need to sign up or sign in to access application. They can sign up or sign in using the sign up and login forms.

Neolicious 4 Dec 4, 2022
Clone for Book My Show ( online movie tickets booking site ) built with ReactJS

Clone for Book My Show ( online movie tickets booking site ) built with ReactJS

Hackrack 5 Nov 29, 2022
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

Bookstore Project In this project, I set up my Bookstore project. It is about making a Bookstore with 2 section BOOKS and CATEGORIES (styles and funct

Arthur Guzman 3 Aug 28, 2021
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 8 Oct 29, 2021
Bookstore - a website similar to the Awesome Books website built in the previous module

The Bookstore is a website similar to the Awesome Books website built in the previous module. This MVP version allows you to: Display a list of books. Add a book. Remove a selected book. It is built with React, Redux, Javascript and CSS.

Chia Carlyle 4 Oct 4, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

Amrendra K 4 Jun 3, 2022
Bookstore CMS project based on React and Redux to display a list of books

This is a Bookstore CMS project based on React and Redux to display a list of books, categorize it, add and remove books and update your reading progress. It basically stores the added books and fetch the stored list of books using remote API.

Ali Aqa Atayee 7 Oct 30, 2022
Virtual bookstore created with React and Redux, with add and delete functionalities.

Bookstore Virtual bookstore created with React and Redux. Preview Built With Node.js React Redux JavaScript Live Demo Heroku Live Demo Netlify Live De

Luís Fernando Novaes 5 Nov 19, 2021