Scribd
Upload
5 views1 page

Tech Assignment - LimeTray

The document outlines the development of an Advanced Task Manager App with basic features such as task addition, completion, deletion, filtering, and local storage persistence. It includes additional challenges involving React, such as custom hooks, Context API usage, performance optimization, and form validation, as well as CSS challenges like theming, animations, responsive design, and drag-and-drop functionality. Applicants are required to submit their code via a personal GitHub repository link.

Uploaded by

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

Tech Assignment - LimeTray

The document outlines the development of an Advanced Task Manager App with basic features such as task addition, completion, deletion, filtering, and local storage persistence. It includes additional challenges involving React, such as custom hooks, Context API usage, performance optimization, and form validation, as well as CSS challenges like theming, animations, responsive design, and drag-and-drop functionality. Applicants are required to submit their code via a personal GitHub repository link.

Uploaded by

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

📌 Assignment Overview: Advanced Task Manager App

Objective: Develop a Task Manager App with the following functionalities:

1) Basic Features

○ Add tasks
○ Mark tasks as completed
○ Delete tasks
○ Filter tasks (All, Completed, Pending)
○ Persist tasks using Local Storage

2) Additional React Challenges

○ Custom Hooks: Create a useLocalStorage hook to handle local storage


operations.
○ Context API: Use React Context instead of prop drilling to manage task
data.
○ Performance Optimization: Use React.memo, useCallback, and
useMemo where applicable.
○ Form Validation: Prevent users from adding empty tasks.

3) Additional CSS Challenges

○ Theming (Dark Mode / Light Mode Toggle)


○ Animations (CSS transitions for adding/removing tasks)
○ Responsive Design (Mobile-first approach)
○ Task Drag-and-Drop (Using react-beautiful-dnd)

Submission Format:
Applicants must commit all code to their personal GitHub repository and share the
GitHub link.

You might also like