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.
- Add a single user to the list
- Delete a specific user from the list
- Delete all users from the list
To run this project locally, you need to have Node.js and npm (Node Package Manager) installed on your machine. Follow these steps:
-
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.
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.
This project is licensed under the MIT License. Feel free to use and modify it as per your requirements.
This project was inspired by the React Redux Toolkit documentation and tutorials.
If you have any questions or suggestions, feel free to reach out to me at hassanansari211@gmail.com.
Happy coding!