Convert Components and Pages to TypeScript

[alronova]

📝 Description

Migrate all UI components and page files from .jsx to .tsx.
Ensure all props, state, and event handlers have explicit types for better maintainability and IDE support.

✅ Tasks

• Convert all files in /components and /pages:
  • api.js, Loader.jsx, Navbar.jsx, ProtectedRoute.jsx, utils.js, Dashboard.jsx, History.jsx, Home.jsx, Login.jsx, Signup.jsx.
• Convert root-level React files (App.jsx, main.jsx).
• Test and confirm UI behavior remains unchanged.

🎯 Expected Outcome

• All React components use TypeScript (.tsx).
• Props and state are strongly typed.
• The app compiles cleanly with no runtime changes.
• Improved code clarity and developer experience.

[techieadi4703]

I'm interested in this issue can you assign me this issue to me under hacktoberfest label.
@alronova @kishorm23 @akshaydeshraj @deep110 @abhisheksachdeva

[Tia-ani]

Hi @alronova , I’d like to work on this issue. Could you assign it to me?

[alronova]

Hi @techieadi4703 @Tia-ani ,
Could you please share a detailed outline of your approach for addressing this issue? This will help me better understand how you plan to tackle it and allow me to make an informed decision on the assignment.

[Tia-ani]

Hi @alronova ,
I’ve prepared a detailed outline of my approach for migrating the project from .jsx to .tsx (including typing for props, state, and events).
You can review it here: Google Doc
Please let me know if this approach works for you or if you’d like any adjustments before I proceed.

[alronova]

@Tia-ani, in the doc provided, you have mentioned to just rename the utilities files from .js to .ts which is not correct, you also need to ensure that you are adding proper type annotations and interfaces, ensuring everything passes without any TypeScript errors.

[Tia-ani]

Hi @alronova I have updated the docs.
Please let me know if this approach works for you or if you’d like any adjustments before I proceed.

[alronova]

@Tia-ani, I've assigned you the issue.

[alronova]

Hi @Tia-ani, could you please give an update on your progress?
If you are facing any issues or need help, feel free to reach out!