0% found this document useful (0 votes)
153 views3 pages

React Projects for Developers

Uploaded by

Sonikesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
153 views3 pages

React Projects for Developers

Uploaded by

Sonikesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

1.

Implement a Todo List: Create a simple todo list application where


users can add, edit, and delete tasks.

2. Build a Weather App: Develop a weather application that fetches


weather data from an API and displays it to the user.

3. Create a Pagination Component: Design a pagination component


that handles navigation between pages of data.

4. Implement a Login Form: Build a login form with validation for


email and password fields.

5. Build a Countdown Timer: Develop a countdown timer component


that starts from a specified time and decrements until it reaches zero.

6. Create a Modal Component: Design a modal component that can


be toggled open and closed.

7. Implement Drag and Drop: Develop a feature that allows users to


drag and drop items within a list.

8. Build a Chat Application: Develop a real-time chat application using


WebSockets or a library like [Link].

9. Create a Dropdown Component: Design a dropdown component


with options that can be selected by the user.

10. Implement Form Validation: Develop a form with validation for


various fields such as email, password, and phone number.

11. Build a Carousel Component: Design a carousel component that


displays a slideshow of images or content.
12. Create a Responsive Layout: Develop a responsive layout that
adjusts based on the screen size and orientation.

13. Implement Redux Store: Set up a Redux store and integrate it with
a React application to manage state.

14. Build an Infinite Scroll Component: Develop a component that


loads more data as the user scrolls down the page.

15. Create a Quiz Application: Develop a quiz application where users


can answer multiple-choice questions and see their score at the end.

Reactjs machine coding

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #1 - Custom Modal


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #2 -[Link]


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #3 - Counter


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #4 - Image Slideshow / Carousel


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #5 - Dark / Light Mode


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #6 - Custom Accordion


[Link]
𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #7 - Login/Register with LocalStorage
[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #8 - Tree / Folder Structure View


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #9 - Autocomplete Typeahead


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #10 - Custom hook useIntersectionObserver


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #11 - Data Table


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #12 - Tic Tac Toe Game


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #13 - Star Rating


[Link]

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #14 - Pagination -


[Link]

You might also like