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

Last update: Aug 28, 2021

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 functionality with REACT). This project was bootstrapped with Create React App.

Screenshot

Bookstore Preview

๐Ÿ”ด Live Demo

๐Ÿ”จ Built With

  • REACT and REDUX.

To get a local copy up and running follow these simple steps:

  1. Go to the repository page.
  2. Press the "Code" button and copy the link.
  3. Clone it using git command git clone .
  4. Run npm install to install the packages and dependencies.

To run the tests:

  • Run npm test on a Terminal.

๐Ÿ“˜ Learning Objectives

  • Understand the concept of state management.
  • Use store, actions and reducers in React.
  • Connect React and Redux.

Authors

๐Ÿ‘ค ArthurGC

๐Ÿค โœ‹ โœ‹ Contributions

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

โ• Acknowledgments

๐Ÿ“ License

This project is MIT licensed.

GitHub

https://github.com/ArthurGC/Bookstore_CMS
You might also like...

Book Store App - a bookstore website published with react and redux

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

Apr 9, 2022

This website is a React and Redux app. It is simply an adding and removing books store.

This website is a React and Redux app. It is simply an adding and removing books store.

This website is a React and Redux app. It is simply an adding and removing books store. Thank you to the ZEPLIN website for the UI provided. This application works with an existing API.

Oct 25, 2021

A Disney+ Clone that you can sign in with your Google AccountA Disney+ Clone that you can sign in with your Google Account

Disney+ Clone with ReactJS A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link Yo

Apr 19, 2022

A Whatsapp Clone which built with reactJS. You can sign in with your Google Account and you can chat in real time.

Whatsapp Clone with ReactJS In this app you can create a simple chat room and send messages to each other using our google accounts in the room. Whats

Nov 24, 2021

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

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

Bookstore app - built using React, Redux, and Styled Components

Bookstore app - built using React, Redux, and Styled Components

Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and Styled Components

Mar 29, 2022

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

Memories Front end - React,javascript,html,css Back end- NODE JS Application - This is memory application and it is a simple social media app that all

Apr 20, 2022

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

Dec 20, 2021
Comments
  • 1. Milestone 3: Connect Bookstore API

    Bookstore Project

    :blue_book: Third Step

    In this third milestone I:

    • [ ] Added redux-thunk to work with middleware and allow working with async-await functions.
    • [ ] Added request (post, get, delete) to receive and send data to Bookstore API.
    • [ ] Refactored my addBookAction and removeBookAction to work with async-await functions.
    • [ ] Made sure addBookAction and removeBookAction work in the same way after the refactor.
    Reviewed by ArthurGC at 2021-08-23 20:11
  • 2. Milestone 4: Add styling

    Bookstore Project

    :blue_book: Fourth Step

    In this third milestone I:

    • [ ] Followed Bookstore design from Zeplin.
    • [ ] Created index.css to add styles.

    :red_circle: Notes

    Reviewed by ArthurGC at 2021-08-24 21:21
  • 3. Milestone 2: Add create-remove books

    Bookstore Project

    :blue_book: Steps

    In this second milestone I:

    • [ ] Added configureStore.js contains (createStore, combineReducer, appluMiddleware, redux-logger, and store).
    • [ ] Added redux/book/books.js contains(actions, action creators, and reducer).
    • [ ] Added Provider to index.js.
    • [ ] Used useDispatch to send actions creators (addBookAction and removeBookAction) to reducer in (components/book/AddBook.js, components/book/Book.js)
    • [ ] Used useSelector to get global store (components/book/BookList.js).

    :red_circle: Notes

    Following requirements, only title and author input are working in the form. (categories and comments are NOT part of this step).

    Reviewed by ArthurGC at 2021-08-23 17:00
  • 4. Milestone 1: Initialize with components

    Bookstore Project

    :blue_book: Steps

    In this first milestone I:

    • [ ] Structured my application files using a "feature folder" approach and use the Ducks pattern
      ...
      /src
          |---/components
          |---/redux
              |--- /books
                      | books.js
              |--- /categories
                      | categories.js
              | cofigureStore.js
          | index.js
      
    • [ ] Added React Router and set two <Route>s and <NavLink>s for the app's navigation:
      • Books: Default view - Display the list of books and add/remove book functionality.
      • Categories: Display "Under construction" text only.

    :red_circle: Notes

    There are 2 book components shown in BookList only to make sure the Book component is working well. It is going to remove for the second step when I implemented a global state with REDUX.

    Reviewed by ArthurGC at 2021-08-23 15:35
"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 "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 Built

Jun 12, 2022
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
Book store is a simple app built with React and Redux that allows you to view, add, and remove books
 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

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

Dec 5, 2021
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 book store site built with React and Redux that allows users to add/remove books
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

Mar 23, 2022