[Improve]: Enhance Front-end UI for Improved User Experience

[vinmahajan]

Issue Description:

Background:
The current front-end of our plagiarism detection web application serves its basic purpose, but there is room for improvement in terms of user experience and visual aesthetics. This issue is created to track and implement enhancements to the front-end.

Goals:

• Improve the overall user interface for a more visually appealing and user-friendly experience.
• Add multiple input options like upload file, pdf, docs, file from google drive.
• Enhance the display of plagiarism results, making it more structured and easier to interpret.
• Optimize the layout and responsiveness for different screen sizes and devices.

To-Do:

• Review and update the UI to display results in a structured manner.
• Add buttons for upload file
• Implement responsive design for different devices.
• Enhance user input form.

Optional/Additional Ideas:

• Include charts or visual aids to better represent plagiarism scores.
• Provide options for customizing the appearance of the application (e.g., dark mode).
• Consider user feedback and usability testing for further improvements.

[bidzy1617]

have you thought about adding Vue-js frontend instead of HTML CSS

[vinmahajan]

have you thought about adding Vue-js frontend instead of HTML CSS

I'm a Python Developer, i have build a simple UI using html and css, if any one can add new technology's that would be great.

[bidzy1617]

do you have any idea what sort of design you was after? colour scheme anything like that?

[vinmahajan]

do you have any idea what sort of design you was after? colour scheme anything like that?

No,
Show your creativity, just keep these 4 conditions in mind (1. text box for user input text, 2. multiple file input option, 3. result should be in structured manner, 4. loading animation while backend processing.)