React Homework Assignment

Overview

This project represents a homework assignment completed as part of a React course. The assignment involved creating a feedback widget application with various functionalities.

Key Demonstrated Skills

1. React Basics:

   • Creating components and organizing them in separate files.
   • Using state and lifecycle methods in React components for state management.
   • Passing props and utilizing them within components.

2. Code and Component Organization:

   • Placing each component in a separate file within the appropriate folder.
   • Using components according to the logical structure of the project.

3. Refactoring and Component Composition:

   • Maintaining state in the root component to support state changes in child components.
   • Separating logic and presentation into distinct components (<Statistics> and <FeedbackOptions> components).

4. State Management and Event Handling:

   • Employing methods to update the state of components upon user interaction (adding feedback).
   • Calculating the total count and percentage of positive feedback.

5. GitHub Usage:

   • Creating repositories on GitHub.
   • Using GitHub Pages to host the working pages of the projects.

6. Code Formatting and Cleanliness:

   • Utilizing Prettier for automatic code formatting and ensuring code cleanliness.

7. CSS Modules and Styled Components:

   • Styling components using either CSS Modules or Styled Components.

8. Conditional Rendering:

   • Displaying the statistics block only when feedback is present.

9. Working with External Libraries and Add-ons:

   • Using PropTypes for validating component props.

Conclusion

This project showcases an understanding of fundamental React concepts and the ability to create simple applications using these concepts.

React homework template

Create React App. Documentation.