Use material ui theme customization and a color palette generator to define a custom color palette.

• https://colorhunt.co/palette/f9f3dffdfce5d7e9f7f4d19b
• https://www.canva.com/colors/color-palettes/crack-of-dawn/
• https://mui.com/material-ui/customization/theming/

Create a new screen with an assets lists. This screen will be responsible for listing all users financial assets and their current status (what is a "status" is something to be defined, but can be something like active/inactive, current value, etc).

• Create a new menu item that goes to a new screen
• In the new screen, show a table with a list of assets

When there's no budget set, the /budgets endpoint returns a Server Error.
In this situation, the expected behavior is to return a 204 (No Content) status code.

Set the percentages for each budget bowl using a combination of SLIDER and number input.

• The number input should be usable by arrow keys
• The slider and the number input should be synchronized

The backend application is split in two directories at the root of the project:

• The core directory with the budget backend business rules
• The backend directory with the budget api

There should be a single "budget backend" directory with all files required to build the backend application.

• Like percentages that don't sum up to 100%

• Implement a repository using Django's ORM

The first Python validation where implemented using TravisCI, they should be translated to run on github Actions

Using the web interface, the user should be able to call the backend api do save the budget.

• It is not necessary for the backend to save that information in some kind of "persistent" state;
• The interface must provide a feedback for a "loading state";
• The interface must provide feedback for sucessful API calls;
• The interface must provide feedback if there's some kind of error on the API call;

Setup a monthly budget with a default percentage for each class of expenses.
Class of expenses:

• Essentials: 55%
• Education: 5%
• Goals: 20%
• Retirement: 10%
• Loose: 10%

Configure the percentage for each class, keeping the total locked in 100%.

Create a new asset in the asset list screen:

• Use a button to open a modal
• Fill all required info in the modal
• Saves the new asset

Run eslint validation and require it to be passing to merge PRs

Use available tools to validate the python files imports according to some rules like:

• import ordering (https://pypi.org/project/flake8-import-order/)
• import dependency between packages (https://pypi.org/project/import-linter/)

Floating point numbers may cause rounding issues on sum operations. To avoid these problems, it is safer to deal with these data as plain integers.

On loading the frontend component for setting the budget, show the current saved budget if there is one available (saved on database).

• Shows a loading feedback when waiting for the API response
• Uses the returned budget for the component
• Creates a default budget if there is none available in the api

https://material-ui.com/components/text-fields/#integration-with-3rd-party-input-libraries

Create a custom favicon icon, removing the default react logo.

Suggestion: Use somekind of favicon generator like https://favicon.io/

Even when there is enough height on the screen, the vertical scroller appears because there is more window height than necessary for the screen content. Somehow, this extra height is created by the toolbar style in Menu.tsx:

 toolbar: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'flex-end',
      padding: theme.spacing(0, 1),
      // necessary for content to be below app bar
      ...theme.mixins.toolbar,
    }

More specifically, by the ...theme.mixins.toolbar,. This scroll should be remoiving without breaking the page layout.

Remove backend directory layer: backend/api/personal_finances/manage.py+... -> backend/api/manage.py...