optimize the program

[jiya10208]

Description
Optimize the code using context to make it readable.

Context
Current Behavior:
as everything is in one page app, it makes the code look a little too messy.

Expected Behavior:
For better developer experience using use Context can make the code look really understandable.

Environment

Browser (if applicable):

Additional Information