This React Counter App is a simple demonstration of state management using Redux ToolKit. It features a set of buttons that allow users to interact with the counter. The app utilizes the react-redux and reduxtoolkit libraries to manage its state.
Increment: Increases the count by 1.
Decrement: Decreases the count by 1.
Increase by 10: Adds 10 to the count.
Toggle Counter: Toggles the counter visibility
In addition to the counter functionality, this app includes an authentication component. Users can log in, and upon authentication, they gain access to additional features, including:
My Products: View your products. (dummy nav link)
My Sales: Access your sales data. (dummy nav link)
Logout: Log out from the application.
This app serves as a practical example of how to integrate Redux Toolkit for state management and implement client side user authentication in your React application. It's a valuable resource for developers looking to learn or showcase Redux Toolkit and client side authentication techniques.
react-redux: To connect React components with Redux.
@reduxjs/toolkit: A package that simplifies working with Redux. It includes utility functions and patterns to streamline Redux development.
To run the app locally:
-
Clone the repository to your local machine.
-
Install the required dependencies using npm install.
-
Start the development server using npm start.
-
Access the app through your browser at localhost:3000.