-----------------Instructions to run the project locally.-------------------

1.Install Node.js:

• If you dont have nodejs installed, first download it from official site, this will also install npm automatically.

  2.Download the project files:

• extract zip file in your directory and navigate your command to that directory

  3.Install Dependencies:

  -run this command -> "npm install"

  4.Run the development server:

-Once the dependencies are installed start the development server by runing this command -> "npm run dev"

5.Open in browser:

-After server start open our browser and go to -> http://localhost:3000

"Now you are ready to view and interact with the project";

---

-----------------A brief explanation of your approach and challenges faced (if any).-------------------

For this task, I used Next.js as the framework along with Shadcn for UI components and TanStack Query and TanStack Table for data fetching and table management. This was my first time working with TanStack Table and TanStack Query, which took a few hours to learn. I was able to quickly grasp their concepts and apply them effectively, demonstrating my ability to learn new technologies and implement them efficiently.

One of the main challenges I faced was related to integrating Shadcn-UI with TanStack Query. I encountered errors when trying to use TanStack Query on the server side while also working with client-side components, which led to issues with data fetching. After researching and troubleshooting, I was able to resolve the errors with the help of Stack Overflow, which I have used since my college days to solve similar issues. This experience helped me further develop my problem-solving skills and my ability to troubleshoot effectively.

Overall, the task allowed me to demonstrate my ability to learn and apply new tools, while also tackling challenges that required persistence and effective use of resources.