Bookstore CMS project based on React and Redux to display a list of books

Last update: Jul 29, 2022

Bookstore CMS

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.

Major Technologies

  • HTML5
  • CSS
  • JAVASCRIPT
  • REACT
  • REDUX
  • NPM

Demo

Live Demo

Install & Setup

To setup and install this sample Leaderboard project, follow the below steps:

  • Clone this project by the command:
$ git clone https://github.com/aliatayee/bookstore-cms-react-redux
  • Then switch to the project folder by the bellow query:
$ cd bookstore-cms-react-redux
  • Then run the below command to install dependencies
$ npm i
  • Finally, run the below command to start the project.
$ npm start

Run tests

To run the tests for linters locally, you must have node installed on your computer. Install the necessary packages. Run npx stylelint "*/.{css,scss}" Run npx hint . Run npx eslint .

Prerequisites

  • IDE to edit and run the code (We use Visual Studio Code 🔥 ).
  • Git to versionning your work.

Authors

👤 Ali

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

GitHub

https://github.com/aliatayee/bookstore-cms-react-redux
You might also like...

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.

Jun 3, 2022

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Mar 23, 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.

Jul 28, 2022

This is a front-end of an application that will help organize and manage the bookstore. It is so fast, dynamic and responsive to actions and it is built with React & Redux.

Bookstore This is a front-end of an application that will help organize and manage bookstore. It is so fast, dynamic and responsive to actions and it

Aug 9, 2021

This project will lay foundations for your Bookstore website.

This project will lay foundations for your Bookstore website.

This project will lay foundations for your 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.

Mar 8, 2022

Virtual bookstore created with React and Redux, with add and delete functionalities.

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

Nov 19, 2021

This app simulates a simple bookstore, and it was created using ReactJS and Redux.

This app simulates a simple bookstore, and it was created using ReactJS and Redux.

Bookstore About The Bookstore is a website similar to the "Awesome Books" website built in the previous Microverse module, with pure JavaScript (see l

Oct 3, 2021

FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

FireCMS is a headless CMS and admin panel based on Firebase, built by developers for developers.

Aug 7, 2022

Application built in react js to display player list

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

May 16, 2022
Comments
  • 1. Connect app to api

    Connect to API

    In this milestone I have developed the following parts:

    • [ ] Add redux-thunk to consume API
    • [ ] Add API fetch functionality to fetch data from API
    • [ ] Add remove functionality to remove book
    Reviewed by aliatayee at 2022-07-14 13:52
  • 2. Add redux functionality

    Redux Functionality

    In this milestone I have developed the following parts:

    • [ ] Update reducers to make it immutable
    • [ ] Add Provider
    • [ ] Add form functionality to push the new book to the array using dispatch
    • [ ] Add remove functionality to remove book using dispatch
    • [ ] Add category button functionality to consume state and dispatch the checkStatus action
    • [ ] Update README.md file
    Reviewed by aliatayee at 2022-07-13 17:05
  • 3. Add basic redux configuration

    Add Redux (reducer & action)

    In this milestone I have developed the following parts:

    • [ ] Add redux dependencies
    • [ ] Add books action
    • [ ] Add books reducer
    • [ ] Add categories action
    • [ ] Add categories reducer
    • [ ] Add root combine reducer
    Reviewed by aliatayee at 2022-07-12 06:07
  • 4. Bookstore initial setup

    Bookstore (Initial)

    In this milestone I have developed the following parts:

    • [ ] Setup project
    • [ ] Add initial components
    • [ ] Add Navbar
    • [ ] Add Book component
    • [ ] Add Form component
    • [ ] Add Routes
    • [ ] Configure tailwind css
    Reviewed by aliatayee at 2022-07-08 15:51
A bookstore MVP that allows users to add, delete, and list available books
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

Mar 23, 2022
A website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.
A website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.

Bookstore The Bookstore is a website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built With Built with React Thi

Jul 11, 2022
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.
This is a React application for managing books you  want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Oct 17, 2021
Bookstore CMS - Built with React JS, Redux and CSS

This is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with React JS, Redux and CSS.

Jul 22, 2022
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.
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

Aug 28, 2021
Bookstore app, store your favorites books. Built with JavaScript, React, SASS and framer.
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

May 4, 2022
Bookstore - A simple website to store all your favorite books. Created with React.js

Bookstore - A simple website to store all your favorite books. Created with React.js

Jun 7, 2022
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

Jul 29, 2022
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript
The Bookstore is a website similar to the

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.

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.

Apr 15, 2022