https://github.com/gitstar-oc/react-projects

https://github.com/gitstar-oc/react-projects

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/gitstar-oc/react-projects
• Owner: Gitstar-OC
• Created: 2024-05-12T03:54:11.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-27T16:42:35.000Z (7 months ago)
• Last Synced: 2024-10-14T05:43:08.436Z (2 months ago)
• Language: JavaScript
• Size: 288 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • Code of conduct: Code_of_Conduct.md

Awesome Lists containing this project

README

        
# 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](#accordian)

  - [2. Random Color Generator](#rcg)

  

## 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](projects/src/Accordian/Accordian.jsx) (<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](projects/src/RCG.jsx) (<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`**_