Mini React Projects

• This are the React projects that I have created. Feel free to review, revise, and fork when required.

---

Outline

• 1. Accordian Component
• 2. Random Color Generator

Mini Projects

These are some extremely useful lines of code which may be asked in interviews and might be helpful concepts. You can modify them further to the next level using your ideas and coding abilities. I am just providing basic code for each particular topic.

• 1. Accordian Component (<50 loc)

  • This is a button which, on click, opens multiple divs or components, and if the button is not enabled, you can only see one component or div at a time!

  useState Hook, Coping State, Map Method, Push and Splice

• 2. Random Color Generator (<60 loc)

  • This is a page that, on click of the "Generate Random Color" button, generates a random color which can be chosen accordingly like "RGB" or "HEX" color.

  useEffect, useState Hook, For-Loop