Virtual bookstore created with React and Redux, with add and delete functionalities.

Overview

Hits

Bookstore

Virtual bookstore created with React and Redux.

Preview

preview

Built With

  • Node.js
  • React
  • Redux
  • JavaScript

Live Demo

Heroku Live Demo

Netlify Live Demo

Prerequisites

Node >= 14.0.0 and npm >= 5.6 and an updated browser.

Getting Started with Create React App

This project was bootstrapped with Create React App.

  • Run git clone on this project at the desired directory:
    git clone https://github.com/lfmnovaes/bookstore.git
    
  • Run npm install to install the necessary packages to run locally
  • After installing everything, run npm start and your default browser will open with the page

Other supported commands

Click for details

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test (Work in progress)

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Author

👤 Luís Fernando

  • GitHub: @lfmnovaes
  • Twitter: @lfmnovaes
  • LinkedIn: @lfmnovaes

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

Acknowledgments

To everyone in Microverse.

📝 License

This project is MIT licensed.

You might also like...
📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

📋 Task manager with react js you can add title add description , edit📝, complete✔, remove❌, localstorage, dark mode 🌜

Immersive virtual office built with Phaser, Colyseus, React, Redux, and PeerJS.
Immersive virtual office built with Phaser, Colyseus, React, Redux, and PeerJS.

Immersive virtual office built with Phaser, Colyseus, React, Redux, and PeerJS.

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

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.

The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.
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

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

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.

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

Book Store App - a bookstore website published with react and redux
Book Store App - a bookstore website published with react and redux

Book Store App This is a bookstore website published with react and redux. It has display list of books, add books and also remove books functionaliti

Bookstore CMS project based on React and Redux to display a list of books

This is a Bookstore CMS project based on React and Redux to display a list of books, categorize it, add and remove books and update your reading progress. It basically stores the added books and fetch the stored list of books using remote API.

Comments
  • Initialize project with components

    Initialize project with components

    • Created the project with create-react-app
    • Added React Redux
    • Created Folder/Files structure using ducks pattern for Redux files
    • Added React Router for Books (the default view) and for Categories
    • Styled a little bit to be able to see better the elements (even though wasn't required)
    opened by lfmnovaes 1
  • Connect to API

    Connect to API

    • Applied redux-thunk to handle async implementations
    • Implemented getBooks function to fetch data from the API
    • Implemented postBook to send a post request to the API, adding a book to the list
    • Implemented deleteBook to send a delete request to the API, removing a book to the list
    opened by lfmnovaes 0
Owner
Luís Fernando Novaes
Full-Stack Developer enthusiast with all web technologies. Open to new opportunities.
Luís Fernando Novaes
This is a To do app developed using to consolidate your knowledge about React, components, props, state, and hooks. A user can add, delete, updated and mark items as completed

To-do-app-with-React This is a To do app developed using React & Lifecycle methods to consolidate knowledge about React, components, props, state, hoo

Jonathan Kayizzi 5 Nov 10, 2022
TaskBerry - a task management application developed with react.js that implements the ability to add, edit and delete your daily tasks to keep track of them

Taskberry is a really simple task management web app built on reactjs. In this app, a user can create, edit and delete multiple tasks in the app

Ishant Chauhan 4 Feb 25, 2022
A Simple To Do List Application to Add, View & Delete tasks in a single webpage using React.js

To-Do List Application This is a To-Do List Application to Add,View, and Delete Tasks accordingly. Live Link - https://shobhit1338.github.io/To-Do-Lis

Shobhit Gupta 6 Dec 26, 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, with pure JavaScript (see l

Enio N. de Souza 6 Oct 3, 2021
"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
Bookstore was created with React, HTML5 and CSS3

A website about books that shows a list of books from an API, also allows the user to add and deleted a select book. It was created with React, HTML5 and CSS3.

Vanessa Bonito 6 Aug 27, 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
A real-time webchat made using React, NodeJs/Express and Typescript. I intend to update the project with new functionalities and bug-corrections.

web-chat-real-time A real-time webchat made using React, NodeJs/Express and Typescript. I intend to update the project with new functionalities and bu

João Melo 1 Nov 14, 2022
Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.

Amazon Clone is the Fully functional Real custom made Web application that covers and entire E-commerece functionality from designing, User Authentication till Payments build using React JS, Firebase and Stripe.

Sadiq Khan 18 Aug 9, 2022
🎵 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