The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Related tags

Learning resource react redux javascript react-router
Overview

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 CSS
  • Linters (Stylelint, Eslint)
  • Git/GitHub work-flow
  • React
  • Redux

Installation

  • clone this repo git clone https://github.com/nedjwab/bookstore.git on your terminal.
  • Type cd microverse-Leaderboard to access the project on the terminal.

Install dependencies

npm install

Build the app

npm run build

Run the app

npm start

Prerequisites

  • IDE ( VCode For me 🔥 ).
  • Git.
  • Npm and node.js installed.

Usage

  • For anyone who wants to practice html5 or/and css3
  • For anyone who wants to practice using Apis.
  • For anyone who wants to practice javascript and ES6 syntax.
  • For anyone who wants to practice React.

Authors

👤 Nedjwa Bouraiou

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

You might also like...

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

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

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

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

This is a basic app that allows user add/remove books from a list of books. It was created by using JavaScript arrays and objects to dynamically modify the DOM.

Awesome-Books This application lets you compile a dynamic collection of books using JavaScript. It is a single page app. You enter your book title & a

Oct 24, 2022

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

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

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

Jul 1, 2022
Comments
  • Bookstore: connect to API

    Bookstore: connect to API

    ###✨In This pull request i :

    • Add redux-thunk to The project.
    • Add middleware in the store file.
    • Create a new app in the Bookstore API.
    • Install Axios.
    • Fetch book list from Bookstore API on Books page load.
    • Refactor add book and remove book features to persist changes in the server.
    • Add categories input.
    • Fix linter errors.
    opened by nedjwab 0
  • Bookstore: Use Redux in React components.

    Bookstore: Use Redux in React components.

    ✨In This pull request :

    • change the default state in the books reducer from an empty array to an array with a few books.
    • Import Redux Provider and the store in the main component of the app.
    • Connect the app to the Redux store.
    • Use useSelector to consume the state.
    • Display the list of books from the redux store.
    • Import Redux useDispatch.
    • Set the data inputs in the local React state (set title and author.
    • add functionality for the "Remove" button click.
    • add functionality for the "Check status" button click.
    • Fix linter errors.
    opened by nedjwab 0
  • Bookstore: add reducers and actions

    Bookstore: add reducers and actions

    ✨In This pull request i :

    • Add React-Redux.
    • Structure the files using a "feature folder" approach and use the ducks' pattern for the Redux files.
    • Write the book's actions and reducer.
    • Write the categories actions and reducer.
    • Configure the Redux Store.
    • Fix linter errors.
    opened by nedjwab 0
  • Bookstore: initialize project with components

    Bookstore: initialize project with components

    ###✨ In This pull request i :

    • Initialise React app.
    • Add React router and set two Routes and Links for the app's navigation.
    • Create navbar, books, book, form, and categories components.
    • Fix linter errors.
    • Update the README file.
    opened by nedjwab 0
Owner
Nedjwa Bouraiou
Micronaut 👩🏻‍💻| Full-Stack Developer | Web Designer | Problem Solver | Full-time student at Microverse | Open to new job opportunities.
Nedjwa Bouraiou
GitHub
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 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 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. 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
"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 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
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

ABDUL ALI 5 Jul 22, 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.

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

Francis Ugorji 9 Nov 1, 2021