Frontend refactoring and restructuring

[MDeLuise]

Avoid duplicated feature requests

• There are no open or closed feature requests that are related to this request

Description

This feature request outlines a plan to refactor and restructure the frontend of the system before the first major release (1.0.0) of the project.

Background

The current frontend lacks a cohesive design and structure, as it was initially developed without clear style guidelines. To improve user experience and coherence across views, it's essential to implement significant changes.

Proposed Changes

1. Improved Design and Consistency:
   • Enhance the overall look and feel of the application.
   • Establish consistent styling and design elements throughout the interface.
2. Structural Refactoring:
   • Restructure the frontend to incorporate a more modular and organized approach.
   • Currently, the frontend comprises only two pages: login and the main app. It's crucial to expand this structure to include multiple pages, such as:
     • Species view
     • Plant view
     • Search functionality
     • Settings page
     • And more, as needed
3. Enhanced User Experience:
   • Introduce additional pages to facilitate seamless navigation and task completion.
   • Implement shortcuts or direct links to specific views for improved user efficiency.
   • Ensure intuitive user flows and interactions across all pages.
4. Responsive Design:
   • Optimize the frontend for responsiveness across various devices, including tablets and PCs.
   • Ensure that the application is visually appealing and functional on both small and large screens.
   • Implement responsive design principles to adapt layout and content based on screen size and orientation.

Importance

While this may not be an immediate concern, refining the frontend architecture and design is crucial before the project reaches its 1.0.0 release. These changes will contribute to a more polished and user-friendly application, enhancing its overall quality and usability.

This feature request serves as a roadmap for the frontend enhancements required to achieve a more cohesive and effective user interface before the milestone release.

Solution

Maybe starting again from scratch it would be better.

What are alternatives?

No response

Additional context

No response

[MDeLuise]

I'm closing this issue since the new frontend app is present in the 0.5.0 version of the project.
Some tasks are still to achieve, for example responsive design, but I'll open an issue for them specifically.