Scribd
Upload
35 views

Machine Coding

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
35 views

Machine Coding

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
You are on page 1/ 3

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 Socket.io.

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


https://shorturl.at/nBCDJ

𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #2 -Window.Confirm


https://shorturl.at/lqJK3

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


https://shorturl.at/cfNT1

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


https://shorturl.at/uZ058

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


https://shorturl.at/bkmI0

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


https://shorturl.at/xKLM2
𝐌𝐚𝐜𝐡𝐢𝐧𝐞 𝐂𝐨𝐝𝐢𝐧𝐠 𝐈𝐧𝐭𝐞𝐫𝐯𝐢𝐞𝐰 #7 - Login/Register with LocalStorage
https://shorturl.at/hosK3

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


https://shorturl.at/jlLR1

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


https://shorturl.at/ajoKR

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


https://shorturl.at/eQ467

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


https://shorturl.at/IQTV1

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


https://shorturl.at/agkq7

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


https://shorturl.at/lxDT6

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


https://shorturl.at/mDF68

You might also like