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

Related tags

React Apps react-redux bookstore bookstore-cms bookstore-api
Overview

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
You might also like...
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 - 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.

Fernando Herrera 7 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.

Basir Mohammadi 12 Sep 26, 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

Baraka Mukelenga 4 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.

shadabwahidullah 10 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

Luís Fernando Novaes 5 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

Enio N. de Souza 6 Oct 3, 2021
Bookstore is a simple online book store. It's built with React, Redux and Bootstrap
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
Comments
  • Connect app to api

    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
    opened by aliatayee 0
  • Add redux functionality

    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
    opened by aliatayee 0
  • Add basic redux configuration

    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
    opened by aliatayee 0
  • Bookstore initial setup

    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
    opened by aliatayee 0
Owner
Ali Aqa Atayee
Full-Stack Software Developer | MERN Stack Developer | Problem Solver | Graphic & Motion Designer | UI/UX Designer | Open to new opportunities.
Ali Aqa Atayee
GitHub
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
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

Henry Kc 10 Oct 17, 2021
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

AVLESSI Matchoudi 7 Jul 11, 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
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.

Felix Ouma 5 Jul 22, 2022
The Digital Library is a webapp that allows the user to: Display a list of books

The Digital Library is a webapp that allows the user to: Display a list of books. Add a new book. Remove a selected book. It has been developed using React Redux and tested using Jest.

Natasha Tatenda Chirombe 6 Sep 5, 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
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

Melanie Arellano 6 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

divine charlotte 11 Nov 23, 2022
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