Skip to content

A simple project for understanding how react-redux-toolkit works

Notifications You must be signed in to change notification settings

killshotxd/react-rtk

Repository files navigation

React Redux Toolkit

This project is a simple random name generator with functionality to add a single name to a <ul> element by clicking on the "Add User" button using React Redux Toolkit. It also allows you to delete a specific user using the splice method and dispatch actions, as well as delete all users using the extraReducer method.

Features

  • Add a single user to the list
  • Delete a specific user from the list
  • Delete all users from the list

Installation

To run this project locally, you need to have Node.js and npm (Node Package Manager) installed on your machine. Follow these steps:

  1. Clone this repository to your local machine using the following command:

    git clone https://github.com/killshotxd/react-rtk.git
    Navigate to the project directory:

bash Copy code cd react-redux-toolkit Install the dependencies:

bash Copy code npm install Start the development server:

bash Copy code npm start This will start the development server and open the app in your default browser. If it doesn't open automatically, you can visit http://localhost:3000 in your browser.

Usage

Once the app is running, you can perform the following actions:

Add a user: Click on the "Add User" button to generate a random name and add it to the list. Delete a user: Click on the "Delete" button next to a user to remove it from the list. Delete all users: Click on the "Delete All" button to remove all users from the list. Contributing Contributions are welcome! If you find any issues or want to enhance the functionality of this project, feel free to open a pull request.

License

This project is licensed under the MIT License. Feel free to use and modify it as per your requirements.

Acknowledgements

This project was inspired by the React Redux Toolkit documentation and tutorials.

Contact

If you have any questions or suggestions, feel free to reach out to me at hassanansari211@gmail.com.

Happy coding!

About

A simple project for understanding how react-redux-toolkit works

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published