Personal Budget App using Laravel 9 and React 18

Present a Laravel 9 authentication controller with register and login methods, validating email, hashing passwords, creating users, issuing plain text tokens, and handling credential checks.

Configure authentication routes by defining an api group with the root prefix auth, importing the authentication controller, and exposing post routes for register and login.

Set up a React frontend and build a reusable http client with axios in a utilities folder, configure base URL, interceptors, and toast notifications to connect a Laravel 9 API.

Build a login interface with a floating text field component in a Laravel 9 and React 18 budget app, implementing styled components, labels, and animated focus effects.

Build a login component in a Laravel 9 and React 18 with a styled primary button and form fields; validate input and handle invalid credentials via API, storing the token.

Build a register component that mirrors the login flow, duplicating and renaming the login file, adding a name state and validation, and handling register mode to token authentication.

Create a responsive sidebar component with a 300-pixel width, styled navigation, and a user header, wiring navigation with useNavigate and managing login state via an app context.

Create a purchases page in a new pages directory. Build a purchases component with categories, items, and a search input, and fetch purchases and bank accounts via API.

Finish the purchases page (part 2) by adding search, filter items, and total calculation for purchases, and ensure the register button is disabled when total equals zero.

Build an adapter to click purchases and categories, and implement an add purchase dialog with item, amount, and title. Manage the purchases list by handling dialog results and enabling deletion.

Finish the purchases page by adding a bank account controller and sanctum-protected routes, and implement a receipt dialogue with a bank account select to register purchases.

Explore building the purchases page with a styled table, calculate the bank balance after purchases, and save purchases via a Laravel 9 API using a purchase controller and purchase lines.

Create an accounts page with a bank accounts list, loading state, and a floating add button that opens a bank account dialog for creating accounts, and map accounts by order.

Create, update, and delete bank accounts via Laravel 9 API routes, tying accounts to the authenticated user, setting the account order from the current count, and returning proper json responses.

Create a transfer money dialog on the accounts page, capture from and to bank accounts and amount, post to the transfer money API, and close on success.

Learn how to deposit money into bank accounts on the accounts page by opening a register deposit dialog, validating account and amount, posting to the API, and updating balances.

Master the accounts page by implementing move up and down functionality to reorder bank accounts, handle API moves, and reflect updated orders while enabling account creation, transfers, deposits, and edits.

Learn to build a history page with a Laravel 9 and React 18 stack, including a history controller and revert actions for deposits, purchases, and transfers.

Build a dashboard and statistics page for a personal budget app using Laravel 9 and React 18, featuring a get statistics API and chart visualizations.