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.

Related tags

Learning resource react redux css create-react-app jsx
Overview

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 was used.

Built With

  • Create-React-App (CRA)
  • React / JSX
  • Redux
  • JavaScript
  • CSS
  • linters

Live Demo

https://virag-ky-bookstore.herokuapp.com/

Screenshot from 2022-07-16 01-48-35

Getting Started

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

Prerequisites

  • modern browser (e.g. Chrome, Firefox)
  • text editor (e.g. VSCode)
  • CLI / terminal

Setup

git clone [email protected]:virag-ky/Book-Store.git

Install dependencies

npm install

Open in the browser

npm start

Authors

👤 Author

🤝 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

  • We had to style the project according to a design on Zeplin

📝 License

This project is MIT licensed.

You might also like...

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

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 -JavaScri

Jul 22, 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

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.

Mar 29, 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

May 9, 2022

Book-list project, the user can add/remove books from the list.

Book-list project, the user can add/remove books from the list.

Awesome Books - Solo Project A book-list project from Microverse. The user can add a book to the list by providing a title and an author. The user can

Sep 13, 2022

I Built This project in microverse's second module, in this single web application the user Can add, remove and display the list of books.

Awsome Books I Built This project in microverse's second module, in this single web application the user Can add, remove and display the list of books

Aug 3, 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.

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

Aug 1, 2022

A Minimalist to do list website where user can add, remove and edit multiple tasks and All the changes user makes in his to do list is saved in browser local storage so that it can be accessed later.

Testing for Add Remove function in To Do List App Jest framework is used for testing. Created (addremove.test.js) for a file containing the add item a

Aug 15, 2022

A web app build with HTML, CSS, and JavaScript. It allow users to add a book title and and it's author. Content are rendered also dynamically.

Awesome books: with ES6 Description the project. Built With Major languages Frameworks Technologies used Awesome Books In this project the featured se

Nov 4, 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
Comments
  • Add redux

    Add redux

    In this part of the project I added Redux:

    • added a Redux folder with two sub-folders:
      • books
      • categories
      • configureStore.js file
    • added actions and reducer functions:
      • books :
        • add / remove
      • categories :
        • checkStatus
    • combined both reducer functions into a root reducer
    opened by virag-ky 1
  • Adding Styles

    Adding Styles

    In this project I added styles to the components:

    • navbar
    • book
    • form
    • categories

    The progress percentage and the chapter is getting a random number. I also added the select element, to select from categories.

    opened by virag-ky 0
  • Connect project to the Bookstore API

    Connect project to the Bookstore API

    In this part of the project, I connected to the Bookstore API:

    • used Axios to make API calls
    • functionalities:
      • add a new book to the server and UI
      • remove a book from the server and UI
      • display the list of books from the server to the UI
    opened by virag-ky 0
  • Connect Redux to React components

    Connect Redux to React components

    In this project I connected Redux to the React components:

    • created a store for the states
    • added an add-book functionality on-click:
      • add a book by providing values in the input fields
    • added a remove-book functionality on-click:
      • the ID of each book is getting updated when a book is removed
    • added the categories button functionality
    opened by virag-ky 0
Owner
Virag Kormoczy
Web Developer | Pair - Programming & Remote Work Devotee. @microverseinc < JavaScript | React | Redux > Looking for new opportunities.
Virag Kormoczy
GitHub https://virag-ky-bookstore.herokuapp.com/
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
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
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

Krishna Prasad Acharya 8 Aug 15, 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

Micheal Oguntayo 4 Oct 13, 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.

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

Chris Siku 10 Aug 22, 2022
this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

Awsome Books In this Project, we have built A Books websites. Built With ?? HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

Nedjwa Bouraiou 10 Aug 3, 2022
Awsome books website is a page that contains information about list of books with the title and author names.

Project Name Awsome_Books-ES6 Description the project. Awsome books website is a page that contains information about list of books with the title and

Laasri Said 9 Oct 14, 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
"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
This project 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 Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 2022