Frontend setup & UI Implementation.

[hopansh]

• Frontent Project Setup Created frontend folder and implemented basic UI based on current functionality
• Components: Added new components in the frontend/src/components/ directory, including Button.jsx, ErrorBoundary.jsx, Header.jsx, Input.jsx, and Welcome.jsx.
• Views: Created new views in the frontend/src/View/ directory, including Home.jsx, Logs.jsx, and Submission.jsx.
• Service Layer: Implemented a new service layer with apiService.js in the frontend/src/service/ directory for handling API requests.
• Package Dependencies: The frontend project uses the following dependencies:
  • React for building the UI.
  • Vite for building the project and providing a development server.
  • Axios for making HTTP requests.
  • Socket.io-client for real-time communication with the server.
  • @emotion/react and @emotion/styled for styling components.

Future Scope:

• API Integration API integration is yet to be done.
• Remove code redundancy Code Redundancy can be removed like input component error message.

For More Info: Please refer to Readme.md