https://github.com/code-with-divyanshu/react_projects
In this i create a 20-react project (Questions) which generally asked in interviews.
https://github.com/code-with-divyanshu/react_projects
javascript-library react react-hooks react-interview-questions react-project reactjs
Last synced: 10 months ago
JSON representation
In this i create a 20-react project (Questions) which generally asked in interviews.
- Host: GitHub
- URL: https://github.com/code-with-divyanshu/react_projects
- Owner: code-with-divyanshu
- Created: 2024-06-28T04:43:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-10T10:46:27.000Z (over 1 year ago)
- Last Synced: 2025-02-01T21:33:41.640Z (about 1 year ago)
- Topics: javascript-library, react, react-hooks, react-interview-questions, react-project, reactjs
- Language: JavaScript
- Homepage:
- Size: 89.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Projects and Interview Project(Questions)
In this repo i create a 20-react project which generally asked in interviews.
## List of Projects
### Project-1 Accordian(Single & Multiple Selection)
Make Accordian using react hook useState() for single selection and Multiple Selcetion.
### Project-2 Random Color Generator (Hex & Rgb color based on state)
Make a Background color generator useing react useState() hook to manage change in color state.
### Project-3 Star Rating (use state on click , mouseover, mouseleave)
Make a Star Rating Project using react useState() hook when we mouseover the stars it's background change and when we click it it's and mouseleave it's display selected stars.
### Project-4 Image Slider
Make a Image Slider project using react useState() hook, first fetch img from api and display it on browser than make a functionality how to display one image at a time and make a slider.
### Project-5 Image Slider
Make a Products list, load more api data project using react useState() hook, first fetch product data from api than show images and ttitle of image than make a function load more image after click on load more button.
### Project-6 Nested Menu
Make a Nested Menu, get data from data.js file and using map show individual label and thier children on web page using react hook useState() make a logic and program how to show children when their parent label clicked and make tree like structure menu ui.
### Project-7 QR Code Generator
Make a QR code generator project using react library :
npm i react-qr-code
And do some other logical programming using react hook useState().
### Project-8 Theme Switcher (Switch B/w Dark and Light Mode)
Make Theme switcher project to switch between dark and light mode, using custom hook and react in built hook useState().
### Project-9 Scroll Indicator (Indicate how much i scroll in particular space)
Make Scroll Indicator project to Indicate how much i scroll in particular space, using react hook useState().
### Project-10 Custom Tabs
Make a Custom Tabs Project using react hook useState() and make sum functionality on it. Tab a tabs and show dynamical content for particular tab.
### Project-11 Custom Modal
Make a Custom Tabs Modal using react hook useState() and make sum functionality on it. When clicked on button we got a modal on screen.
### Project-12 Github Profile Finder
Make a Github Profile Finder Project using react hook useState() , fetch github api using useEffect hook and make sum functionality on when we search user by user name than found a github profile.
### Project-13 Tic Tac Toe
Make a Tic Tac Toe Project using react hook useState() & useEffect hook and make sum functionality on winning and playing posiblities.