The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

Related tags

React Bookstore
Overview

Book Store

This is Book Store project.

Built With

  • HTML
  • CSS
  • JavaScript
  • React

Screenshot

Capture

Live Demo

Go Live 😎

Getting Started

  1. Open dev branch
  2. Open VSCode or terminal and navigate to the folder where you would like to clone the project.
  3. Type "pwd" to see your working directory.
  4. clone repository(git clone "branch-link")
  5. Run "npm install" to install required packages
  6. run "npm start" to start the website on local server
  7. Enjoy 😎

Authors πŸ‘±β€β™‚οΈ

πŸ‘€ Tadesse Alemayehu

Show your support

Give a ⭐️ if you like this project!

Submit an issue

Issue page

Acknowledgments

  • Microverse for amusing learning resources.
  • Microverse code reviewers.
  • You! πŸ˜„ yes you... for visiting.

πŸ“ License

LICENCED UNDER MIT License

Comments
  • Bookstore: styling

    Bookstore: styling

    opened by Tadesse-Alemayehu 8
  • Bookstore: connect to API

    Bookstore: connect to API

    Change introduces 😎


    • Add redux-thunk to my project. βœ”
    • Use fetch for making API calls. βœ”
    • Fetch book list from Bookstore API on Books page load. βœ”
    • Refactor my add book and remove book features to persist changes in the server. βœ”
    • Add books and remove books' work in the same way after the refactor. βœ”

    Note

    This pull request does not concern styles and updating the progress.

    opened by Tadesse-Alemayehu 2
  • Bookstore: Use Redux in React components.

    Bookstore: Use Redux in React components.

    Change introduces 😎


    • keep state immutable in reducers (write unit tests to assert this) βœ”
    • Import Redux Provider and our store in the main component. βœ”
    • Connect your app to the Redux store. βœ”
    • Add functionality for the "Add new" button click. βœ”
    • Add functionality for the "Remove" button click. βœ”
    • Add functionality for the "Check status" button click. βœ”\

    Note

    This pull request does not concern styles, editing an existing book, and updating the progress.

    opened by Tadesse-Alemayehu 2
  • Bookstore: add reducers and actions

    Bookstore: add reducers and actions

    Changes introduced 😎


    • Add React Redux package to the prohect (npm install react-redux).
    • Structure project files using a "feature folder" approach and use the ducks pattern.
    • Write book's actions and reducer.
    • Write categories actions and reducer.
    • Configure the Redux Store
    opened by Tadesse-Alemayehu 1
  • Bookstore: initialize project with components

    Bookstore: initialize project with components

    Changes introduced 😎


    • Initialize React app βœ”
    • Create reusable components/ βœ”

    Books, Categories, Navigation βœ” Also AddNewForm and single Book πŸ‘ŒπŸΌ

    • Add Initial HTML contents.

    Node: πŸ“

    Styles are not applied in this pull request. ✌

    opened by Tadesse-Alemayehu 1
Owner
Tadesse Alemayehu
Full-stack Web-App developer, actively looking for a job, Mastery in #JavaScript #React #PHP #MS-SQL #MySQL 😎
Tadesse Alemayehu
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
Bookstore CMS React Front-End to display a list of books, categorize it, add and remove books and update your reading progress

Bookstore REACT app to manage your books Build an app to display a list of books, categorize it, add and remove books and update your reading progress

Eapen Zacharias 3 Aug 19, 2022
"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Alexander Oguzie-Ibeh 4 Apr 11, 2022
Book Store is a website that allows you to add, remove and view books.

Book Store Book Store is a website that allows you to add, remove and view books. Built With ReactJS Redux React Router Getting Started with Create Re

Ezekiel Utshudi Eteta 9 Jun 23, 2022
An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...

An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...

Mohamed Aachour 7 Oct 1, 2022
This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Santiago Velosa 4 Feb 27, 2022
⚑️The Fullstack React Framework β€” built on Next.js

The Fullstack React Framework "Zero-API" Data Layer β€” Built on Next.js β€” Inspired by Ruby on Rails Read the Documentation β€œZero-API” data layer lets y

⚑️Blitz 12.5k Jan 4, 2023
Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

bookStore Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read Built With

Yassine Omari 7 Jul 20, 2022
Web Application that allows you to add and remove books

Web Application that allows you to add and remove books! This project was created with the purpose of consolidating the creator's knowledge of React.

David Vergaray 4 Feb 26, 2022
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo

Manel Hammouche 8 Oct 14, 2022
A web application that allows users to book rockets and join selected space missions, Using the SpaceX API.

Space-Travelers-Hub A web application that allow users to book rockets and join selected space missions, Using the SpaceX API. This project was bootst

Rachid Boudaoudi 6 Dec 9, 2021
A website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing books.

Bookstore "Bookstore" is a website built with React, Redux, and Tailwind for styling. The project is displaying a list of books, adding, and removing

Shady Shawkat 5 Dec 19, 2022
This app simulates a simple bookstore, and it was created using ReactJS and Redux.

Bookstore About The Bookstore is a website similar to the "Awesome Books" website built in the previous Microverse module (see live version). My goal

Enio N. de Souza 6 Oct 3, 2021
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

JΓΊlio Bem 3 Sep 28, 2021
BookAttic is an online bookstore made using the MERN stack.

BookAttic is an online bookstore made using the MERN stack. Link to the website. Table of contents General info Technologies Setup General info This p

Chirag Datwani 32 Nov 19, 2022
here in this git repo you will get react js basic layout, having in responsive mode.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 3 Feb 23, 2022
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.

React Tooltip βœ… React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too

Marc Ramos 1 Dec 22, 2021
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

고슀락 6 Aug 12, 2022