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

Overview

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.

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

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

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

This project intends to bring all the best of best components irrespective of what libraries it is in for React Developer.
This project intends to bring all the best of best components irrespective of what libraries it is in for React Developer.

This project intends to bring all the best of best components irrespective of what libraries it is in for React Developer.

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.

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

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

Solana File Sharing System is a Decentralised Application which helps you share files to public Anonymously and no one can trace back to you or change the information since all the files and information is store on decentralised network
Solana File Sharing System is a Decentralised Application which helps you share files to public Anonymously and no one can trace back to you or change the information since all the files and information is store on decentralised network

Solana File Sharing System is a Decentralized Application that helps users share files anonymously and ensure that the files are available at all times on a decentralized network, not tampered with, verifiable, and secure for all parties involved.

An e-commerce store, imitating a Game Store, built with React
An e-commerce store, imitating a Game Store, built with React

An e-commerce store, imitating a Game Store, built with React. Includes dedicated game pages, a search functionality, genre and rating filters, a like feature and a wishlist.

Comments
  • Milestone 3: Connect Bookstore API

    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.
    opened by ArthurGC 1
  • Milestone 4: Add styling

    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

    opened by ArthurGC 0
  • Milestone 2: Add create-remove books

    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).

    opened by ArthurGC 0
  • Milestone 1: Initialize with components

    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.

    opened by ArthurGC 0
Owner
Arthur Guzman
Frond-End Jr. Developer with a love for JavaScript. I usually play video games and watch videos about web development. Open to new opportunities.
Arthur Guzman
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
"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

Rwubakwanayo Olivier 2 Jun 12, 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
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
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
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
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
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