The Digital Library is a webapp that allows the user to: Display a list of books

Overview

Digital Library

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.

Built With

  • HTML
  • CSS
  • JavaScrpt
  • REACT

Live Demo in progress , web app to be deployed...()

Live Demo Link

Setup

  • To clone the repository run https://github.com/NATASHA-ct/bookstore.git in your terminal
  • run cd Leaderboard
  • run npm install
  • run npm run build
  • open the app directory using this > cd math-magician
  • run npm start to view wbsite
  • npm test Launches the test runner in the interactive watch

Prerequisites

-Github flow knowledge. -Basic CSS,HTML,JavaScript,React. -Installation of files.

Install

  • Set up Github Actions
  • Set up linter > Lighthouse . ,Stylelint ,
  • Added Eslint
  • REACT and redux installations
  • npm install to add dependencies after cloning
  • npm start to view website in browser

Authors

👤 NATASHA TATENDA CHIROMBE

🤝 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!

📝 License

This project is MIT licensed.

You might also like...

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

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.

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

Jan 1, 2023

A library management system that built with JavaScript, HTML, and CSS. Allows the user to add new books and delete books.

Awesome books: with ES6 in this project: Set up the linters for html, css, and JavaScript. Create a popup window for desktop and mobile. Built With Ht

Dec 18, 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

Blog-webapp - A simple webapp prototype that serves tech news, blogs, and anything else a developer might want to learn or get help with

Blog-webapp - A simple webapp prototype that serves tech news, blogs, and anything else a developer might want to learn or get help with

Blog Web app A simple webapp prototype that serves tech news, blogs, and anythin

Nov 3, 2022

Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript

Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to

Dec 3, 2022

Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.

Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.

Digital Identifier 🧐 To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident

Dec 17, 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
  • Adding redux in react components

    Adding redux in react components

    • [ ] Made sure the state remained immutable in reducers!

    • [ ] Changed the default state in the books reducer from an empty array to an array with a few books. Displayed them in React components.

    • [ ] Import the Redux Provider and store in the main component of React app.

    • [ ] Connected your app to the Redux store.

    • [ ] Made sure that list of books displays books from the Redux store.

    • [ ] Used useSelector to consume the state.

    • [ ] ✅ Added functionality for "Add new" button click: in React component responsible for adding new books(Form.js)

    • [ ] Imported Redux useDispatch.

    • [ ] Set the data inputs in the local React state (set title and author )

    • [ ] Dispatched a corresponding action (import Action Creator I created before ).

    • [ ] ✅ Added functionality for the "Remove" button click: React component responsible for removing books

    • [ ] Import Redux useDispatch.

    • [ ] Dispatched a corresponding action (import Action Creator I created before ).

    • [ ] ✅ Added functionality for the "Remove" button click: React component responsible for categories,

    • [ ] Import Redux useDispatch.

    • [ ] Dispatched a corresponding action (import Action Creator that I created before ).

    opened by NATASHA-ct 0
  • Bookstore: add reducers and actions ✔️

    Bookstore: add reducers and actions ✔️

    • [ ] Added Redux Toolkit(npm install react-redux @reduxjs/toolkit).

    • [ ] Structured my application files using a "feature folder" approach and used the [ducks pattern] for my Redux files.

    • [ ] Wrote my book's actions and reducer (in /src/redux/books/books.js) using the [ducks pattern].

      • Defined action types for adding and removing a book.
      • Set the initial state to be an empty array of books.
      • Exported Action Creators for actions.
      • Wrote reducer and exported it as default.
      • Defined state changes for the actions that I created.
    • [ ] Wrote my categories actions and reducer (in /src/redux/categories/categories.js) using the [ducks pattern]

      • Defined action types for checking the status.
      • Set the initial state to be an empty array of categories..
      • Exported Action Creators for actions.
      • Wrote reducer and exported it as default.
      • Defined state changes for the actions that I created.
      • For the check status action returned a string "Under construction".
    • [ ] Configured the Redux Store (/src/redux/configureStore.js):

    • [ ] Imported the necessary methods from Redux Toolkit.

    • [ ] Combined both reducers into a root reducer by using the configureStore function.

    opened by NATASHA-ct 0
  • Project setup

    Project setup

    • [ ] Initialised React app.

    • [ ] Created re-usable components.

    • [ ] Added React Router and set two s and s for the app's navigation:

    • [ ] Created a component called Book for displaying a single book (receive a title and an author as a prop) and reuse it in a component that displays a list of books.

    • [ ] Added form for adding a book (no functionality yet).

    • [ ] Created a separate component for this form (with inputs for a title and an author) .

    opened by NATASHA-ct 0
  • Project setup

    Project setup

    • [ ] Initialised React app.

    • [ ] Created re-usable components.

    • [ ] Added React Router and set two s and s for the app's navigation:

    • [ ] Created a component called Book for displaying a single book (receive a title and an author as a prop) and reuse it in a component that displays a list of books.

    • [ ] Added form for adding a book (no functionality yet).

    • [ ] Created a separate component for this form (with inputs for a title and an author) .

    opened by NATASHA-ct 0
Owner
Natasha Tatenda Chirombe
Full-stack Developer with a drive to learn and positively impact the tech industry.(HTML , CSS , JavaScript, Bootstrap. Open to new opportunities.
Natasha  Tatenda Chirombe
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
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 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
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
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
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
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

Jules Edozie 7 Oct 24, 2022