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

Git
Node

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

GitHub: github
LinkedIn: LinkedIn

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

The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With 🔨 Basic CS

Sep 6, 2022

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or

Aug 22, 2022

BookStore websites done with JavaScript-ES6, CSS, HTML

Awesome Books This project allows users to add/remove books from a list. This is done by using JavaScript class. It has the feature to dynamically mod

Mar 1, 2022

This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and served with webpack dev server

Todo-List This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and s

Sep 28, 2022

Comments

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
opened by AnselemOdims 2
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
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
opened by AnselemOdims 1
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
opened by AnselemOdims 0