Build an app with React, .Net Core, GraphQL and HotChocolate

Create customer, address, and order entities in the core project, illustrating a 1-to-1 customer-address and a 1-to-many customer-orders relationship with entity framework; define status enum with pending, draft, completed, shipped.

Set up entity framework core in the infrastructure project, create an order context with customers, orders, and addresses, and configure an in-memory database with seed data for sqlite or sql.

Set up the frontend with a React and TypeScript project using yarn and Create React App, then configure Apollo Client and GraphQL Code Generator to connect to the backend.

Build a reusable date picker component in tsx using the use field method, configure a date time picker without time, and embed it in a reusable form UI.

Learn to build GraphQL queries that fetch a customer or an order by id, and integrate get customer by id and get order by id into the pages.

Create an order page that fetches order details by ID via GraphQL and React Router params, then display order and customer details with a reusable header.

Create a new order page by reusing the new customer page, capture the customer id with use params, and pass an order object to the form.

Finish the home page by implementing a stats grid that shows total customers and order counts (pending, draft, completed, shipped) using GraphQL with .NET Core and a React front end.

Learn to swap sqlite for a PostgreSQL database using a dockerized setup with EF Core migrations. Update the connection string, recreate migrations, and verify database access and data flow.