Background: 

MTV UI is a new project with a small codebase. To ensure its growth is easy to maintain, understand, and scale, we need to fix some issues and improve our development process. These changes will make work easier for the team and improve the project’s results.

Identified Issues:

1. Project Structure: The current structure doesn’t follow best practices for a React project, which can cause confusion and inefficiencies.
2. Common Library: It’s unclear if the common library is needed; we should consider refactoring or removing it.
3. Global State Management: There’s no centralized way to manage the global state, making state handling and debugging harder.
4. CI Reliability: The CI pipeline fails often. Related to Konflux.
5. Linters: There are very few linting rules, which can lead to inconsistent code and missed errors.
6. Testing: There’s no automated end-to-end (e2e) testing, increasing the chance of bugs.
7. Project Infrastructure: Some scripts don’t work on macOS, which limits cross-platform compatibility.
8. Code Quality: Many components don’t follow our best practices guide (link]).
9. CI Improvements: The current CI setup does not support label addition and auto-merging where applicable. Adding these capabilities could streamline the workflow.  

Why This Is Important:

These problems slow down development, cause more bugs, and take time away from building new features. Fixing them will help us:

• Deliver features faster and more reliably.

• Spend less time on debugging and fixes.

• Ensure the project can grow without becoming hard to manage.

• Improve the experience of working on this project for the team.

Workflow:

1. Create Stories:

• • Create a separate story for each of the issues listed above.

• • Add tasks under each story to break down the work into smaller, logical pieces.

1. Task Implementation:

• • Each task should result in small pull requests (PRs) to make reviews easier and faster.

1. Collaboration & Reviews:

• • Work together as a team to discuss changes and review code.

• • Follow updated best practices and standards during implementation.

1. Monitoring & Feedback:

• • Keep track of the impact of changes.

• • Gather feedback from the team to make further improvements.

Expected Outcomes:

By following this plan and fixing the issues, we will create a stronger, more efficient codebase. This will help us work faster, reduce bugs, and create a better foundation for the MTV UI project to grow.