Skip to content

This repository is a collection of real-world frontend machine coding tasks designed to help developers master practical UI features used in 80% of modern web applications.

Notifications You must be signed in to change notification settings

Ashukr321/Frontend_Machine_Coding_Task

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1. React Form Handling & Validation Project

This project is a React-based form that demonstrates common frontend skills like form validation, state management, and UI interactivity. It includes email/password validation, duplicate entry checks, and more.


2. Todo App

A simple React Todo App built with functional components and hooks.
Features include adding todos with validation, deleting todos, toggling completion, searching, and filtering (All / Active / Completed).s

3 🛒 React Search & Filter App

A simple React app that demonstrates search and filter functionality on a product list.
Users can search products, filter by category, rating, and apply price range filters.

4. Client-Side Pagination React App

A simple React application that fetches posts from an API and displays them with client-side pagination.

7 SortProd

Core Features

  • Users can sort products by price in two ways:
    • Low to High
    • High to Low
    • Uses JavaScript’s Array.sort() with a compare function:
      • Low to High: (a.price - b.price)
      • High to Low: (b.price - a.price)
  • 7.🛒 SortProd product
  • Live Url

8. Persistant counter value with localstorage

Persistent Counter App with increment, decrement, clear functionality, and state saved in localStorage for reload persistence.



9. Modal open and close

implement modal open and close on event( button click)



10. Theme Toggle dark and light mode

Theme Toggle dark and light mode



11. AutoComplete Search bar ...

AutoComplete Search bar



12. Dynamic ProgressBar

Dynamic ProgressBar



13. Move to Top

Move to Top



14. AutoFocus form and validations

AutoFocus form and validations



15. Create Reusable Tooltip components

Create Reusable Tooltip components



16. Live Clock

Live Clock



17. Accordion

Accordion



18. Click to Clipboard

Click to Clipboard



19. Infinite scrollbar

Infinite scrollbar



20. Image Carousel

Image Carousel



21. Drag and Drop Interactions

Drag and Drop Interactions



22. Responsive Navbar

Responsive Navbar



23. MultiStep Form

MultiStep Form


About

This repository is a collection of real-world frontend machine coding tasks designed to help developers master practical UI features used in 80% of modern web applications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published