/product-management-with-react-js-redux

Small E-Commerce Application using "ReactJs" with "Redux" (Class-Component & Function-Component)

Primary LanguageJavaScriptMIT LicenseMIT

The View of The App


App_View

image


App_View with Cart

image


Cart_View

image


Update_Add_View

image

product-management-with-react-js-redux

Small E-Commerce Application using "ReactJs" with "Redux" (Class-Component & Function-Component)

About Application

Management between Products and Their Categories using "Json-Server" Node Package and "Redux"

ERRORS, SOLUTIONS of INITIALS, ENV.JS FILE

Problem: You'll get errors when you try to save the product after clicking "Add Product", probably all of them due to differences between React Versions. ("Invalid hook call" error) And 1 more there; categories couldn't be got to select before "save", but it saves the data correctly after closing the error page. (so it worked well except category saving of the product)

Solution: i'll try to solve it later after learn :)

Packages

AlertifyJs (1.13.1), for more info. --> https://alertifyjs.com/

ReactStrap (9.2.0) & BootStrap (5.3.1), for more info. --> https://reactstrap.github.io/?path=/story/home-installation--page & https://getbootstrap.com/

React Js Library (18.2.0) & React-Router (6.14.2), for more info. --> https://legacy.reactjs.org/ & https://reactrouter.com/en/main

Redux State Management Package (4.2.1) & React-Redux Package (8.1.1), for more info. --> https://redux.js.org/

Redux-Thunk Package (2.4.2) for more info. --> https://redux.js.org/usage/writing-logic-thunks

Json-Server Package, for more info. --> https://www.npmjs.com/package/json-server

Project Stacks

ReactJs & Redux with ReactStrap in "FrontEnd Side" Json-Server which is a fake REST API for "Backend" Mock Testings using Dummy Data

Dependencies

AlertifyJs, ReactStrap & BootStrap, React Js Library & Redux State Management & React-Router, Json-Server.

Json-Server

https://www.npmjs.com/package/json-server --> no "sign-up" required

AlertifyJs

https://alertifyjs.com/ --> no "sign-up" required

React & Redux

https://react.dev/ & https://redux.js.org/

ReactStrap

https://reactstrap.github.io/?path=/story/home-installation--page --> no "sign-up" required

Explanations

"Comment Lines" are amateurish :) and to help for the best understanding about the written code.