This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API and you can get someof books from API based on the category. πŸ“š

Overview

Book Store React πŸ“š

This is a simple react project that Stores the books, When the user enter any book with the category will be updated in the API and you can get someof books from API based on the category.

Deploy Demo πŸš€

React.App.-.Google.Chrome.2022-02-26.00-35-11.mp4

Deploy Demo πŸš€

Heroku deploy

Netlify Status

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Built With

  • Languages: HTML, CSS, JavaScript, Reactjs, Redux
  • Frameworks: N/A
  • Technologies used: GIT, GITHUB, LINTERS

Additional tools

  • Google fonts
  • Webpack
  • React Icons
  • React Circular Progressbar
  • linters
  • Gitflow

Authors

πŸ‘€ Reem

Platform Badge
GitHub @Reem-lab
Twitter Rem79940127
LinkdIn reem-janina

🀝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

πŸ“ License

This project is MIT licensed.

You might also like...
Single Page Application that uses Rick and Morty API along with React & Redux
Single Page Application that uses Rick and Morty API along with React & Redux

Rick and Morty Rick and Morty Characters Web Page. Single Page Application that

Redux Implementation using ReactJS and JSON placeholder API

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

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

An i18n solution for React/Redux and React Native projects
An i18n solution for React/Redux and React Native projects

redux-react-i18n An i18n solution with plural forms support for Redux/React Workers of all countries, unite! Supported languages list with expected co

A lightweight state management library for react inspired by redux and react-redux

A lightweight state management library for react inspired by redux and react-redux

Front-end of the movie application created with React.js and Redux
Front-end of the movie application created with React.js and Redux

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

Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.
Single page application for tracking cryptocurrencies. Includes sorting, animations, graphs and more. Made using React & Redux.

Crypto Tracker A single page application meant to keep track of the most popular crypto currencies status. The user can sort the coins by highest gain

React with Redux, action, dispatch, reducer, store setup and guide

This Project has Snippets for react with redux steup, process and how to implemenntation details src-components-HomeButtons has old approach src-co

Comments
  • Addd Styles to the store

    Addd Styles to the store

    Changes that I made here πŸ‘ ♻️

    • Add styles directory to add styles to each component
    • Add styles to the navbar
    • Add styles to the Book list
    • Add styles to the Form
    • My Final design match Zeplin's design
    • No linters error πŸ’―
    opened by Reem-lab 2
  • Connect the Book store with API

    Connect the Book store with API

    Changes that I made here πŸ‘

    • Add the file booksApi to the redux folder
    • Add the POST & GET 7 DELETE methods to the file
    • Add the functionality to get the books from API
    • Add the functionality to post a new book.
    • Add the functionality to delete one book.
    • Dispatch the functions in the events
    • No linters error. πŸ’―πŸš€
    opened by Reem-lab 1
  • Add and Remove book

    Add and Remove book

    Changes that I made here πŸ‘

    • Add the configuerStor to the redux folder
    • Add the Reducers and actions to the redux file
    • Add the dispatch in AddBook to create a new book
    • Add dispatch in the bookList to remove book
    • Use logger dependency with the middleware
    • no linter error πŸ’―πŸš€πŸš€
    opened by Reem-lab 0
  • Add structure to bookstore

    Add structure to bookstore

    Changes that I made here β™»β™»

    • Create React app
    • Add react-redux library
    • Use Gitflow
    • Use duck pattern to structure our folders and files
    • Add component for bookList and AddBookForm and NavBar
    • Add Routes to can switch to Books and Categories
    • No linter error πŸ’―πŸš€
    opened by Reem-lab 0
Owner
Reem janina
"Be brilliant and positive " Love traveling ✈ ..,..,πŸ’₯❀...... Full-stack web developer 🀩
Reem janina
A React-Redux based project, built with pair programming and gitflow, following this kanban workflow

This is a React-Redux based project, built with pair programming and gitflow, following this kanban workflow. The page have a global state that holds the Rockets and missions from the spaceX API, and allow you to reserve them, displaying on your profile section the missions that you own.

AndrΓ©s Felipe Arroyave Naranjo 10 Apr 5, 2022
Redux-todo - a todo web app where users can type in their todo and also set a reminder

redux-todo Redux-todo is a todo web app where users can type in their todo and also set a reminder. The todos are not saved/fetched on/from a server,

AbdulSamad Ayoade 7 Nov 9, 2022
In this course you learn how to use Redux as a state manager in your React applications

Redux is a state manager which you can use it in your React, Vue and even Vanilla applications. In this course we store Redux storage in localstorage to keep our data.

AmirHossein Mohammadi 5 Jul 25, 2022
A sample project to create forms using React and Typescript

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. Available Scripts In the project directory, you can r

null 1 Nov 19, 2021
Recipe Catalogue is a React & Redux web app based on a catalog of recipes.

Recipe Catalogue is a React & Redux web app based on a catalog of recipes. It contains a browsable list of meals that you can filter by category or type and access to one meal recipe. The data is retrieved from [Meals DB (https://www.themealdb.com/api.php) and then stored in the Redux store.

John, Uduak Peter 13 Oct 19, 2022
This React capstone project is about building a web application to check numeric values

REACT-REDUX-CAPSTONE This React capstone project is about building a mobile web

Somdotta Sarkar 6 Jan 19, 2022
Ruthlessly simple bindings to keep react-router and redux in sync

Project Deprecated This project is no longer maintained. For your Redux <-> Router syncing needs with React Router 4+, please see one of these librari

React Community 7.9k Nov 17, 2022
A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. ?? Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

JoΓ£o Marcos Belanga 1 May 24, 2022
A simple, lightweight library for managing navigation history in React and Redux

?? Beta version βš› Redux history made easy! A simple, lightweight library for managing navigation history in React and Redux. Used in production by Uti

Isisβ˜•Caffe 5 Jul 23, 2022
Dead simple state management for React

Undux & TypeScript TodoMVC Example TodoMVC for Undux Installation git clone [email protected]:bcherny/undux-todomvc.git cd undux-todomvc npm install npm

Boris Cherny 11 Aug 10, 2020