hamza-ahmad2170 Goto Github PK

01steps

In my first React project, I acquired proficiency in working with components, understanding the nuances of props, implementing event handlers, mastering JSX syntax, and effectively utilizing conditional rendering and short-circuiting through the || (or) and && (and) operators.

02travel_list

In my second React project, I mastered controlled components for user input in forms, delved into the useState hook's interaction with arrays/objects for efficient state management, and learned to iterate through data using the map callback function.

03eat-n-split

In my third React project, I focused on refining my state management skills with the useState hook, exploring the versatility of the children prop for flexible component creation. I also learned how keys play a crucial role in optimizing component rendering for a smoother user interface.

04usepopcorn

In my fourth React project, I honed useEffect, custom hooks, lifecycle, and API fetching, prioritizing reusable components. Implemented PropTypes for enhanced code reliability and prop validation, fostering a modular and maintainable codebase.

05react-quizv1

challenge_01_flash_card

In React Challenge 1, I delved into an array of concepts, focusing on refining my skills with the useState hook through extensive practice. The challenge encompassed not only the mastery of the useState hook but also the exploration of event handlers, array mapping, props implementation, and the nuanced utilization of keys in React.

challenge_02_accordion

In Challenge 2, centered on accordions, I practiced and honed my useState skills. I also learned the significance of keys in React components, particularly when using the map function. Additionally, I explored the effective use of the children prop for building dynamic components.

challenge_03_bill_calculator

In React Challenge 3, I engaged in more practice with controlled components, refining my expertise in managing and manipulating component state. Additionally, I delved into obtaining user input through controlled components, honing my skills in capturing and utilizing user interactions.

challenge_04_text_expander

In React Challenge 4, I intensified my practice by delving into the intricacies of the children prop, emphasizing the creation of reusable components. Furthermore, I focused on implementing PropTypes, enhancing my proficiency in ensuring precise prop validation for a more robust codebase.

challenge_05_currency-converter

In React Challenge 5, I devoted additional practice to the useEffect hook, refining my skills in handling side effects and lifecycle events. Moreover, I delved into the intricacies of API calling, gaining practical experience in fetching and managing data dynamically within my React applications.

challenge_06_usegeolocate

In React Challenge 6, I crafted a custom hook capable of retrieving the user's location, showcasing my ability to create tailored solutions for specific functionalities within a React application.

challenge_07_bank_account

homepage-nextui

nextjs-dashboard

todo-list