This is an app that displays a list of books, allow users add a book and remove a selected book.

Related tags

Learning resource react redux javascript css html middleware thunk
Overview

BookStore

This is an app that displays a list of books, allow users add a book and remove a selected book.

Built With

  • HTML
  • CSS -React -Redux -JavaScript

Live demo link (Not Available)

Getting Started

To get a local copy up and running:

  1. Clone this repository or download the Zip folder:

git clone https://github.com/ABDULALI3468/Bookstore-withReact.git

  1. use the following commands

npm install , npm start

Author

👤 ABDUL ALI

Credits

Template from this MICROVERSE

🤝 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 and how we manage to build it!

📝 License

This project is MIT licensed.

You might also like...

This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Jul 21, 2022

A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Oct 13, 2022

AweSome Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.

Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create

Aug 15, 2022

Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.

Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.

Event Page Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. Built With HTML CSS JavaScr

Feb 28, 2022

The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Nov 1, 2021

This is an Awesome books page, a basic website that allows users to add and remove books from a list. Built with JavaScript.

Aweasome-books This is our Awesome books page, a basic website that allows users to add/remove books from a list. Built With CSS HTML JavaScript Live

May 11, 2022

In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Sep 9, 2022

Awesome Books is a basic SPA that allows users to add/remove books from a list.

Awesome Books is a basic SPA that allows users to add/remove books from a list.

Awsome Books This Project Awesome books is a simple webApp that displays a list of books and allows you to add and remove books from that list. Previe

Oct 18, 2022

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or

Aug 22, 2022
Comments
  • Showing books using BOOKSTORE API with Thunk Middleware.

    Showing books using BOOKSTORE API with Thunk Middleware.

    In this branch I did the following functionalities:

    1. I used the BOOKSTORE API.
    2. I added the functionality of Adding and Deleting books using a Middleware called Thunk Middleware.
    3. I used use selector and used dispatch for the functionality.

    STYLES: 4) I added styles to the App and it's looking attractive indeed.

    opened by ABDULALI3468 0
  • Managed State for Adding and Deleting Books using Redux.

    Managed State for Adding and Deleting Books using Redux.

    In this branch I did the following functionalities:

    1. I added REDUX to my REACT application.
    2. I added the functionality of Adding and Deleting books.
    3. I used use selector and used dispatch for the functionality.

    CATEGORY 👍 4) I added the functionality for the Check status button which returns a single string.

    opened by ABDULALI3468 0
  • Added reducers and actions for books and categories.

    Added reducers and actions for books and categories.

    In this project I did the following functionalities:

    1. Added reduces and actions to books.
    2. Added reduces and actions to categories.
    3. Created the store and added ROOT REDUCER to it.
    opened by ABDULALI3468 0
  • Initialized the BookStore app with React.

    Initialized the BookStore app with React.

    In this project I did the following functionalities:

    1. Initialise React app.
    2. Created NavBar using and .
    3. Displaying the list of books with the Remove button.
    4. Created a component called Book for displaying a single book and reused it in a component that displays a list of books.
    5. Created a form for adding a book (no functionality yet).
    6. Create a separate component for this form.

    Categories: Displaying a button "Check status".

    opened by ABDULALI3468 0
Owner
ABDUL ALI
A full-stack web developer @Microverse, ready for new adventures. React | Angular | Ruby on Rails | Databases | Servers. Available for hire 😏 Love automation.
ABDUL ALI
GitHub
Awesome Books is a basic website that allows users to add/remove books from a list (including the title and author). It has threee different sections: 1. books list, 2. add new book, 3. contact.

awesomeBooks-modules Awesome Books is a basic website that allows users to add/remove books from a list (including the title and author). It has three

Juan Diaz 6 Aug 26, 2022
This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

Project Name This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add

Olivier 6 Nov 20, 2022
Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Abdulhamid 11 Jul 1, 2022
This is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This was a continuous project, where in each milestone, new feature(s) was/were added to it.

Awesome Books This is an Awesome Books web page where a user can add or remove books from the site. It also displays a list of the books that are adde

Esther Udondian 6 Aug 1, 2022
Awesome books is a simple website that displays a list of books and allows you to add and remove books from that list

Awesome books is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application, you will learn how to manage data using JavaScript. Thanks to that your website will be more interactive. built with modern JavaScript and uses SPA technology.

Aniekan udo 9 Mar 29, 2022
"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Fatima Ezzahra elmenoun 5 Jan 28, 2022
"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

Roberto A. Baños Alvarez 8 May 9, 2022
"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application with JavaScript, the website is more interactive!

Awesome-books Description "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By

Cindy Dorantes 11 Oct 18, 2022
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa

Virag Kormoczy 9 Jan 1, 2023
The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With ?? Basic CS

Nedjwa Bouraiou 4 Sep 6, 2022