This app simulates a simple bookstore, and it was created using ReactJS and Redux.

Related tags

React bookstore
Overview

Microverse GitHub last commit (branch) GitHub Repo stars

Bookstore

About

The Bookstore is a website similar to the "Awesome Books" website built in the previous Microverse module (see live version). My goal here is to create an MVP version of it that allows the user to:

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

By building this application, I will learn how to use React and Redux.

Below, a screenshot of each page of the app is presented.

TBA

Built With

  • HTML, CSS, JavaScript;
  • ReactJS, ReduxJS;
  • VisualStudio Code, Git, & GitHub;

Pre-requisites

  • NodeJs (v. 14.17)
  • YarnJs (v. 1.22.10)
  • Git

Getting Started

To run this project, you only need a computer with a browser installed, and follow these steps:

  1. In your terminal, in the folder of your preference, type the following bash command to clone this repository:
git clone [email protected]:enionsouza/bookstore.git
  1. Now that you have already cloned the repo run the following commands to get the project up and running:
cd bookstore
yarn
yarn start

Author

👤 Ênio Neves de Souza

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

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.

The Bookstore is a website similar to the

Book Store This is Book Store project. Built With HTML CSS JavaScript React Screenshot Live Demo Go Live 😎 Getting Started Open dev branch Open VSCod

May 3, 2022

The Bookstore website is designed for you to create a personal list of books. You can add a book to the list, or remove a book from your list. You can use this as a "to read" list and update the list when you finish reading a book that is on the list.

Bookstore "Bookstore" is a website for all reading fans. It is a Single Page App (SPA) that allows users to: Display a list of books. Add books to the

Sep 1, 2022

The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

The Bookstore is a website similar to the

Bookstore The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that al

Jun 12, 2022

Build an App using React, Redux, Node and Sequelize.

Build an App using React, Redux, Node and Sequelize.

Individual Project - Henry Pokémon Objetivos del Proyecto Construir una App utilizando React, Redux, Node y Sequelize. Afirmar y conectar los concepto

Sep 13, 2022

A simple Todo-List app created using React

A simple Todo-List app created using React

TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo

Mar 11, 2022

The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.

The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.

CryptoVerse - A Crptocurrency Web Application Getting Started with Create React App This project was bootstrapped with Create React App. Available Scr

Oct 26, 2022

Crypto dashboard built using ReactJs , ExpressJs and RapidAPI

Crypto-Board Crypto Dashboard application built using ReactJs and NodeJs with RapidAPI Tech Stack and Dependencies Name Description ReactJs Front End

Jan 8, 2022

Github-ci-cd-react - I followed CI/CD course from codedamn to learn how to implement github actions in a project, in this practical lesson with codedamn am using ReactJS

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

Jan 2, 2022

Worldwide-covid-statistics - covid-19 tracker developed using Reactjs, Axios , chartjs, material icons

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

Jan 3, 2022
Comments
  • Feature/styling

    Feature/styling

    Bookstore: styling

    In this milestone, the following requirements have been met:

    • [x] Find all the details of the Bookstore CMS design in Zeplin
    • [x] Use the information detailed in Zeplin to style the website
    • [x] Your final design should match Zeplin's design.
    opened by enionsouza 0
  • Feature/connect api

    Feature/connect api

    Bookstore: connect to API

    In this milestone, the following requirements have been met:

    • [x] 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.
    • [x] Add book and remove book should work in the same way after the refactor.
    • [x] No styling is required.
    opened by enionsouza 0
  • Feature/create remove books

    Feature/create remove books

    Bookstore: create and remove books

    In this milestone, the following requirements have been met:

    • [x] Configure Redux store
    • [x] Write Books Action Creators and Reducer
    • [x] Implement Create New Book feature, using local React state (set title and author) - NOTE: categories and comments are NOT part of this step
    • [x] In the React component responsible for removing books, implement that event by dispatching a corresponding action
    • [x] Use the redux-logger to check if your application is working correctly
    opened by enionsouza 0
  • Feature/initialize components

    Feature/initialize components

    Bookstore: initialize project with components

    In this milestone, the following requirements have been met:

    • [x] Initialize React app
    • [x] Add React Redux (npm install react-redux)
    • [x] Structure your application files using a "feature folder" approach and use the ducks pattern for your Redux files
    • [x] The building blocks of your app should be set as re-usable components (BookItem)
    • [x] Add React Router and set two <Route>s and <NavLink>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 funcionality yet)
      • Should have a form for adding a book (no functionality yet)
    • Categories
      • Should display "Under construction" text only.
    • [x] Styling is not required at this point.
    opened by enionsouza 0
Owner
Enio N. de Souza
Enio N. de Souza
GitHub
Redux-todos - simple react, redux todos

Redux Todos Please star this repo if you like ⭐ It's motivates me a lot! Getting Started This project was bootstrapped with Create React App. Stack Av

Ruslan Shvetsov 2 Jul 29, 2022
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Redux Form 12.6k Jan 3, 2023
The Project is a test that simulates a website of recipes for healthy foods. Inside it has a Registration and Login system.

GCB Test: Healthy Eating The Project is a test that simulates a website of recipes for healthy foods. Inside it has a Registration and Login system. C

Kayke Alves Fujinaka 8 Nov 20, 2022
This project simulates the different Pokédex presented within the Pokémon franchise.

?? Pokédex is under construction... ?? ?? About the project Made with PokéAPI, this project simulates the different Pokédex presented within the Pokém

Anthony Davi 4 Oct 29, 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
A hook based project created during 20-Dec week ReactJS workshop

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

Nabendu 1 Dec 25, 2021
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
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
An inventory and financial control system created in Next.js and Redux

An inventory and financial control system created in Next.js and Redux

Marcos Andre 25 Nov 10, 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