Bookstore is a simple online book store. It's built with React, Redux and Bootstrap

Related tags

React Apps bookstore
Overview

Bookstore

Bookstore is a simple online book store. It's built with React, Redux and Bootstrap. It allows you to:

  • Display a list of books.
  • Add a book.
  • Remove a selected book.

screenshot

Built With

  • React
  • Redux
  • Bootstrap
  • VSCode
  • Git & GitHub

Getting Started

To get this project up and running, follow these simple steps:

  1. Clone the repository into your machine (Or download the .zip file and extract).
  2. Open the project's folder.
  3. Copy and paste all files and folders except app_screenshot.png, app_screenshot-2.png, MIT.md, and README.md into the other project's root folder.
  4. Run npm install
  5. Run npm start

Setup

Follow the steps described before.

Authors

👤 Dico Diaz Dussan

🤝 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...
Clone for Book My Show ( online movie tickets booking site ) built with ReactJS
Clone for Book My Show ( online movie tickets booking site ) built with ReactJS

Clone for Book My Show ( online movie tickets booking site ) built with ReactJS

Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)Online Marketplace Built with MERN stack (MongoDB, Express, React and Node)

🛒 Shopping App 🛒 Online Marketplace Built with MERN stack (MongoDB, Express, React and Node). ⚡️ ⚡️ ⚡️ Kiwi Shop ⚡️ ⚡️ ⚡️ 📜 Table of contents Main

AMAZON - An imitation of the Amazon online shopping store built using react

AMAZON This is an imitation of the Amazon online shopping store. Users can add a

An e-commerce store, imitating a Game Store, built with React
An e-commerce store, imitating a Game Store, built with React

An e-commerce store, imitating a Game Store, built with React. Includes dedicated game pages, a search functionality, genre and rating filters, a like feature and a wishlist.

This is a front-end of an application that will help organize and manage the bookstore. It is so fast, dynamic and responsive to actions and it is built with React & Redux.

Bookstore This is a front-end of an application that will help organize and manage bookstore. It is so fast, dynamic and responsive to actions and it

This app simulates a simple bookstore, and it was created using ReactJS and Redux.
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, with pure JavaScript (see l

Nlw2 - Proffy - An online study platform that helps people find teachers online
Nlw2 - Proffy - An online study platform that helps people find teachers online

Tecnologias | Projeto | Layout | Licença 🚀 Tecnologias Esse projeto foi desenvo

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Bookstore app - built using React, Redux, and Styled Components
Bookstore app - built using React, Redux, and Styled Components

Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and Styled Components

Comments
  • Connect to API

    Connect to API

    • Implement thunks to consume API.
    • Add BookstoreAPI class to manage the API consumption.
    • Refactor Components.

    I take into account the following requirements:

    • Read the Bookstore API documentation to learn how to use the API.
    • Refactor your add book and remove book features to persist your changes in the server.
      • You should refactor the redux code of your application using middleware to make async requests to the API.
      • Don't do the changes using only React state.
    • Add book and remove book should work in the same way after the refactor.
    • No styling is required.
    opened by dicodiaz 2
  • Initialize project

    Initialize project

    • Add React Router & Links
    • Build Header, Books, Categories & NoMatch components

    I took into account the following requirements:

    • Initialise React app.
    • Add React Redux (npm install react-redux).
    • Structure your application files using a "feature folder" approach and use the ducks pattern for your Redux files. Your files/folder structure could look like this:
      ...
      /src
          |---/components
          |---/redux
              |--- /books
                      | books.js
              |--- /categories
                      | categories.js
              | cofigureStore.js
          | index.js
      
    • The building blocks of your app should be set as re-usable components.
    • Add React Router and set two <Route>s and <Link>s for the app's navigation:
      • Books - the default view
        • Should display the list of books (empty at this point but it should be ready for the data) with the Remove button (no functionality yet)
        • Should have a form for adding a book (no functionality yet)
      • Categories
        • Should display "Under construction" text only.
    • Styling is not required at this point.
    opened by dicodiaz 1
  • Add styling

    Add styling

    Use Bootstrap and Material UI. I take into account the following requirements:

    • You will find all the details of the Bookstore design in Zeplin.
    • Open the project Bookstore CMS.
    • Use the information detailed in Zeplin to style the website.
    • Your final design should match Zeplin's design.
    opened by dicodiaz 0
  • Add functionality for adding and removing books using Redux

    Add functionality for adding and removing books using Redux

    I took into account the following requirements:

    • In your React component responsible for adding new books (Form.js) set the data inputs in the local React state (set title and author - NOTE: categories and comments are NOT part of this step). Once your new book object is ready to be submitted to the Redux store, dispatch a corresponding action.
    • In your React component responsible for removing books (Book.js) - implement that event by dispatching a corresponding action.
    • Use the redux-logger to check if your application is working correctly - Open your browser's console and look for the logger messages.
    opened by dicodiaz 0
Owner
Dico Diaz Dussan
Full-Stack Developer, DSA enthusiast. Stack: JavaScript | Ruby | Rails | React | Redux | Java. Looking for my next job!
Dico Diaz Dussan
🎵 The frontend of Oud, an online music streaming service that is a high quality clone of Spotify with all its functionalities built using ReactJS, React-Router, Bootstrap.

Oud Front-End Table of Contents About the Project Build with Getting Started Installation Running Screenshots Videos File Structure Unit Testing Runni

Ahmed Ashraf 48 Sep 29, 2022
A website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.

Bookstore The Bookstore is a website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built With Built with React Thi

AVLESSI Matchoudi 7 Jul 11, 2022
Book store is a simple app built with React and Redux that allows you to view, add, and remove books

Book Store Book store is a simple app built with React and Redux that allows you to view, add, and remove books Explore the docs ???? · Live Demo Comi

Eze Promise 3 Aug 8, 2022
"The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book

Bookstore "The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book Built

Rwubakwanayo Olivier 2 Jun 12, 2022
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

Bookstore Project In this project, I set up my Bookstore project. It is about making a Bookstore with 2 section BOOKS and CATEGORIES (styles and funct

Arthur Guzman 3 Aug 28, 2021
A book store site built with React and Redux that allows users to add/remove books

Book Store In this project, I built a basic website that allows users to add/remove books from a book list using React and Redux. Built With React.js

Kyrillos Hany 9 Mar 23, 2022
Bookstore app, store your favorites books. Built with JavaScript, React, SASS and framer.

Bookstore. Bookstore application built with REACT, JAVASCRIPT, and SASS. It lets you add and remove books. I also used motion library too create compl

Gabriel Rendon 5 May 4, 2022
Bookstore - A simple website to store all your favorite books. Created with React.js

Bookstore - A simple website to store all your favorite books. Created with React.js

Melanie Arellano 6 Jun 7, 2022
Book Appoinments frontend - react forntend application for doctor book appoinemnts

Book Appoinments frontend is react forntend application for doctor book appoinemnts. This applications is responsive and users can load, create, and delete doctors and reservations. Users need to sign up or sign in to access application. They can sign up or sign in using the sign up and login forms.

Neolicious 4 Dec 4, 2022
A simple and device responsive book buying store website with Tailwind and React.

Book Lovers Store with React This project was bootstrapped with Create React App. Live Site Link Click here to see the live site: https://book-lovers-

Sara Azmin 1 Nov 6, 2022