Added full code

README.md

@@ -0,0 +1,15 @@
+Building a TODO list application using React components and  discovering how to create, view, delete, complete, modify and save to-do lists.
+
+Objective:
+
+1.After completing this lab, you will be able to:
+
+2.Use event handler for creating add todo task.
+
+3.Delete the completed task from todo list using filter method.
+
+4.Add the Toggle function and checkbox to check completed or not completed task.
+
+5.Edit an added Todo task and submit it using map function.
+
+6.Use the UseEffect hook to save new todos into localstorage.

react-redux-master/README.md

@@ -1,70 +1,19 @@
-# Getting Started with Create React App
+In this lab, you will be building an increment counter using Redux.
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+Prerequisites
+Familiarity with linux commands.
+You must have completed the labs in the previous sections.
+All the commands and the shortcut buttons in this lab, in the linux based lab environment that is provided. You may need to do it with appropriate variation if you are not using the lab environment and are doing it on Windows.
 
-## Available Scripts
+Objective:
+After completing this lab, you will be able to use state management to increment the counter using Redux. Redux library has all that it requires for store management while react-redux binds react and redux libraries together. It centralizing an application’s state and logic, thereby making the state accessible outside of the component.
 
-In the project directory, you can run:
+The store management with redux has 3 main components:
 
-### `yarn start`
+Actions - are blocks of information that send data from your application to your store. Actions must have a type property that indicates the type of action being performed.
 
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+Reducers -Reducers specify how the application’s state changes in response to actions sent to the store.
 
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
+Store -The Store is the object that brings the action and reducer together. The store has the following responsibilities: Holds application state; Allows access to state; Allows state to be updated via dispatch(action);
 
-### `yarn test`
 
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-
-If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-
-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `yarn build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)