A book store site built with React and Redux that allows users to add/remove books

Overview

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
  • Redux
  • HTML - HTML5
  • CSS - CSS3

Additional Used

  • Api
  • @redux/toolkit
  • Linters
  • Gitflow
  • npm
  • Jest (testing)

Live Demo ๐ŸŒ

book-store Link

Getting Started

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

git clone [email protected]:Bondok6/book-store.git

Then cd book-store

Then npm install to install packages

Finally npm start

Authors

๐Ÿ‘ค Kyrillos Hany

๐Ÿค 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

๐Ÿ“ License

This project is MIT licensed.

You might also like...
Book Appoinments frontend - react forntend application for doctor book appoinemnts
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.

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

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.

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

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

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

A web application that allows users to create quiz. users can choose the topic, type of the quiz or the number of questions of the quiz
A web application that allows users to create quiz. users can choose the topic, type of the quiz or the number of questions of the quiz

A web application that allows users to create quiz. users can choose the topic, type of the quiz or the number of questions of the quiz. They can also choose the difficulty level for the the quiz. preview.

A simple and device responsive book buying store website with Tailwind and React.

Book Lovers Store with React This project was bootstrapped with Create React App. Live Site Link Click here to see the live site: https://book-lovers-

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

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.

Comments
  • Bookstore: connect to API

    Bookstore: connect to API

    Hello there ๐Ÿ™‹โ€โ™‚๏ธ,

    Thanks for taking the time to review my project.


    Live Demo ๐ŸŒ

    Book Store

    Changes according to requirements ๐Ÿงพ

    • Create API folder that contains three functions to GET, POST, and DELETE data from Bookstore API.
    • refactor the redux code using middleware to make async requests to the API.
    • Add and Remove functions work in the same way after the refactor.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 1
  • Bookstore: styling

    Bookstore: styling

    Hello there ๐Ÿ™‹โ€โ™‚๏ธ,

    Thanks for taking the time to review my project.


    Live Demo ๐ŸŒ

    Book Store

    Changes according to requirements ๐Ÿงพ

    • Add style using CSS and Bootstrap5 to my App.
    • Add Media Queries to make it a responsive design.
    • My final design should match Zeplin's design.
    • Update README.md file.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Bookstore: create and remove book

    Bookstore: create and remove book

    Hello there ๐Ÿ™‹โ€โ™‚๏ธ,

    Thanks for taking the time to review my project.


    Live Demo ๐ŸŒ

    Book Store Project

    Preview

    https://user-images.githubusercontent.com/45231276/155216945-851d3050-50ef-42e8-837d-f35ed96096a3.mp4

    Changes according to requirements ๐Ÿงพ

    • Connect React and Redux.
    • Configuring the Redux Store (/src/redux/configureStore.js).
    • Use gh-pages.
    • Implement the functionality of Adding and Removing books from the Book List.
    • Use Gitflow.
    • Use Linters.

    Gif

    opened by Bondok6 0
  • Bookstore: initialize project with components

    Bookstore: initialize project with components

    Hello there ๐Ÿ™‹โ€โ™‚๏ธ,

    Thanks for taking the time to review my project.


    Live Demo ๐ŸŒ

    Book Store

    Screenshots (books and categories pages)

    Changes according to requirements ๐Ÿงพ

    • Create React App (CRA).
    • Delete all the boilerplate from CRA (text, images, styles).
    • Add React Redux npm install react-redux.
    • Structure my application files using a "feature folder" approach.
    • Use the ducks pattern for my Redux files.
    • Display the list of books with the Remove button.
    • Add form for adding a new book.
    • Add React Router and set two s and s for the app's navigation: Books and Categories pages.
    • Use gh-pages to deploy the app.
    • Update README.md file.
    • Add MIT.md file.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
Owner
Kyrillos Hany
Front-end Developer, In love with React and Redux || Chess lover || B.CS || Open to new opportunities.
Kyrillos Hany
"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
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 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
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 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
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
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
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
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