( task from 1 to 9 and task 13 are compulsory )
1. Counter App
- Create a React app with a counter. Add buttons to:
- Increment the counter by 1.
- Decrement the counter by 1.
- Reset the counter to 0.
- Use
useState to manage the counter value.
2. Todo List
- Build a to-do list application where users can:
- Add a new task by entering text in an input field.
- Mark a task as completed or uncompleted.
- Delete tasks from the list.
- Display the tasks with their completion status.
3. Fetch and Display API Data
- Fetch and display user data from the following API:
https://dummyjson.com/users.
- Use
useEffect to fetch the data and display the following for each user : ( create proper cards for each user )
- firstName
- lastName
- email
- image
- Add a loading state to show "Loading..." while the data is being fetched.
4. Toggle Visibility
- Create a button that toggles the visibility of a paragraph component with the text "Hello, World!".
- Use
useState to handle the visibility state.