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

Related tags

React Apps react redux styled-components redux-thunk redux-logger bookstore react-icons
Overview

Bookstore

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


Mini Demo

Live Demo

Live Link


Additional description about the project and its features.

Built With

  • Major languages (JavaScript)

  • Framework/Libraries (React, Bootstrap)

  • Technologies/tools used

    - create-react-app tool
- Webpack(Code Bundlng et al)
- Babel (code transpiling)
- Jest(for testing)
- Git(version control)
- ESLint(JavaScript linting)
- Stylelint(style linting)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • A text editor(preferably Visual Studio Code)

Install

Usage

Clone this repository

$ git clone [email protected]:AnselemOdims/Bookstore.git
$ cd Bookstore

Run project

$ npm install
$ npm start # this will open it in the browser and enable hot reloading

Authors

👤 Anselem Odimegwu


🤝 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...
Bookstore an app built with HTML, CSS, JavaScript, and React
Bookstore an app built with HTML, CSS, JavaScript, and React

The Bookstore is an app that displays a list of books and allows you to add and remove books from that list. Built with HTML, CSS, JavaScript, and React.

Roberto Andres Condezo Monge 8 Mar 12, 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
Bookstore is a react web app built to show collections of books

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

divine charlotte 11 Nov 23, 2022
Virtual bookstore created with React and Redux, with add and delete functionalities.
Virtual bookstore created with React and Redux, with add and delete functionalities.

Bookstore Virtual bookstore created with React and Redux. Preview Built With Node.js React Redux JavaScript Live Demo Heroku Live Demo Netlify Live De

Luís Fernando Novaes 5 Nov 19, 2021
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.

Ali Aqa Atayee 7 Oct 30, 2022
LinkedIn Clone - Built using React JS, Redux, Firebase & Styled-Components within 2 days
LinkedIn Clone - Built using React JS, Redux, Firebase & Styled-Components within 2 days

LinkedIn Clone Built using React JS, Redux, Firebase & Styled-Components within 2 days. Features and Fuctionality Login using Google (Firebase Authent

AKASI 6 Sep 23, 2022
The Bookstore is a website similar to the
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 8 Oct 29, 2021
Bookstore - a website similar to the Awesome Books website built in the previous module

The Bookstore is a website similar to the Awesome Books website built in the previous module. This MVP version allows you to: Display a list of books. Add a book. Remove a selected book. It is built with React, Redux, Javascript and CSS.

Chia Carlyle 4 Oct 4, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

Amrendra K 4 Jun 3, 2022
Comments
  • Create remove

    Create remove

    Steps

    • Installed the necessary dependencies
    • Configured the redux store
    • Created action types and creators
    • Included the Provider component and initialized it to the store
    • Created a submitBook handler function and dispatched to store
    • Created the Book and BooksList components
    • Subscribed to the store in the BookList component using the useSelector

    Screenshot

    image

    opened by AnselemOdims 2
  • Initialize project

    Initialize project

    Steps

    • Installed necessary dependencies
    • Removed unwanted boilerplate files
    • Configured the linters
    • Built out the components
    • Added react-router for the two pages
    • Installed react-redux for state-management
    opened by AnselemOdims 2
  • Add styles

    Add styles

    Steps

    • Included the global and reset styles
    • Added styles for the Header component
    • Styled the form and its inputs
    • Added styles to the Button component
    • Styled the Book and BookContainer components
    • Restructures the actions, reducers and thunks
    • Completed styling and made page responsive
    • Updated README file

    Screenshot

    bookstore

    opened by AnselemOdims 1
  • Connect api

    Connect api

    Steps

    • Created the FetchWraper class
    • Implemented the communication with server in the BooksAPI
    • Installed and included the thunk as a middleware in the store creator
    • Created a displayBooks thunk function
    • Implemented communication with the API
    • Made the percent and chapter random figures

    Scrrenshot

    image

    opened by AnselemOdims 0
Owner
Anselem Odimegwu
Full-Stack Developer, DSA enthusiast. Stack: JavaScript | React | Redux | Node | Express. Looking for my next job!
Anselem Odimegwu
GitHub https://ans-bookstore.netlify.app/
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
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

Baraka Mukelenga 4 Aug 9, 2021
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.

Fernando Herrera 7 Mar 23, 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
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.

Dico Diaz Dussan 9 Jun 29, 2022
Bookstore CMS - Built with React JS, Redux and CSS

This is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with React JS, Redux and CSS.

Felix Ouma 5 Jul 22, 2022
The Bookstore is a website built with React and Redux

This project is a React and Redux App. A book library which allows a user to add, remove and update his favorites books.

Williams Colmenares 7 Dec 17, 2022
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

Michael_Tamirie 4 Apr 9, 2022
Bookstore website create the React & Redux part of the app

Bookstore website create the React & Redux part of the app. It was also set up routing using React Router.

Pedro Marques 5 Aug 13, 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