• Investigation which version I should use in regard to Frontend
• RESTFUL api best practice for E-Commerce investigation

• AutoMapper Nuget Installation
• AutoMapper Config
• Implement AutoMapper

Change all Product Controller methods to return ProductDTO, not Product.

#22 ProductController POST Verb method does not post because when creating Product to be Posted, the Product objects ID is null

In DB we have 2 tables, Product and Products. We are only using the Products Table so there is no need for the Product Table.

Create List item component to display item

• Create component
• Style ListItem component
• Load Props into ListItem

Test post request using hard coded values to check if web api is working

https://www.youtube.com/watch?v=x9UEDRbLhJE&ab_channel=Codevolution

CORS Policy Error when fetching data from local api

Cause of error: The response to the CORS request is missing the required Access-Control-Allow-Origin header
Cross-Origin Resource Sharing (CORS) is an HTTP-header based mechanism that allows a server to indicate any other origins (domain, scheme, or port) than its own from which a browser should permit loading of resources

Temporary Fix for use of 1 api call is to use proxy "proxy": "http://localhost:54501" in package.json

https://www.youtube.com/watch?v=hxyp_LkKDdk&ab_channel=HongLy

Style ListItem Component to be mobile friendly and responsive

Return ProductDetailsDTO for each product controller get methods.

https://github.com/aspnetrun/run-aspnetcore-realworld/blob/c23ba837e19137e9eed997405882012a1cdf6413/src/AspnetRun.Core/Repositories/IProductRepository.cs#L8

#30

https://github.com/aspnetrun/run-aspnetcore-realworld/blob/c23ba837e19137e9eed997405882012a1cdf6413/src/AspnetRun.Infrastructure/Repository/ProductRepository.cs#L19

Refactor GenericRepository to ProductsRepository

#25
#24
#22

Updated ProductController DELETE VERB Method

Update DbContext using Package manager.

Scaffold-DbContext "Data Source=(localdb)\MSSQLLocalDB;Initial Catalog=MainEcommerceDB;Integrated Security=True;Connect Timeout=30;Encrypt=False;TrustServerCertificate=False;ApplicationIntent=ReadWrite;MultiSubnetFailover=False;" Microsoft.EntityFrameworkCore.SqlServer

Post request with hard coded values isnt being sent, returns status code 400

POST http://localhost:3000/api/Product 400 (Bad Request)

Might be port issue

Don't get product details using API call

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Best practices for retrieval of data from db into component

componentDidMount: when component first renders

https://www.codegrepper.com/code-examples/elixir/how+to+retrieve+data+from+database+in+react+js

https://www.youtube.com/watch?v=T3Px88x_PsA&feature=emb_logo&ab_channel=BenAwad

#33

• Create Interface IOrderRepository
• Create OrderRepository class.

Get method

• /ecommerce/stores/{store_id}/products
• /ecommerce/stores/{store_id}/products/{product_id}

Post Method

• /ecommerce/stores/{store_id}/products

Delete Method

• /ecommerce/stores/{store_id}/products/{product_id}

• Render a list item into a list
• Render a list item dynamically from array
• Display loading indicator while fetching data
• Fetch products information
• Store products information
• Render products information into List
  #13 (# is for link issues)

Investigate storing multiple images for said product e.g - https://www.amazon.ca/Oculus-Quest-Advanced-All-One/dp/B08F5THWYL/?_encoding=UTF8&pd_rd_w=9iEXN&pf_rd_p=75e223fa-eccb-4745-942e-958925f7b334&pf_rd_r=J6SAMV6ZM6AWQWA3FYQK&pd_rd_r=137b1a7d-6d54-4b73-8f81-fdac5799e8ca&pd_rd_wg=CDuta&ref_=pd_gw_crs_zg_bs_3198031

#22

• Payment table.
• Payment Types table.
• Invoice table.

See implementation of DELETE VERB METHOD
#22

Examples:

• https://github.com/evgomes/supermarket-api

• https://github.com/KevinDockx/BuildingRESTfulAPIAspNetCore3/blob/master/Starter%20files/Services/CourseLibraryRepository.cs

-https://github.com/MisterRobotoArigato/eCommerce/blob/8e46115d61b7ab462c46ae561d10f1c3196dcc8b/MisterRobotoArigato/MisterRobotoArigato/Controllers/ShopController.cs

-https://github.com/MisterRobotoArigato/eCommerce/blob/8e46115d61b7ab462c46ae561d10f1c3196dcc8b/MisterRobotoArigato/MisterRobotoArigato/Models/DevBasketRepo.cs#L86

Investigate what a repository pattern is, how it's used and implementation examples
#24

#24

Please read this : https://docs.microsoft.com/en-us/dotnet/architecture/microservices/microservice-ddd-cqrs-patterns/net-core-microservice-domain-model

Implementing integration and functional tests for each microservice

Integration tests ensure that an app's components function correctly at a level that includes the app's supporting infrastructure, such as the database, file system, and network.

https://docs.microsoft.com/en-us/dotnet/architecture/microservices/multi-container-microservice-net-applications/test-aspnet-core-services-web-apps

• Product Controller
• Category Controller

look at happyblog -> Portfolio -> Modal Card
and do something similar when user presses view product

https://happyblog.herokuapp.com/home/PortFolio

• Order Table.
• OrderItems Table.
• and update relation between tables.

https://github.com/simplcommerce/SimplCommerce/blob/master/src/SimplCommerce.Infrastructure/Extensions/JsonExtensions.cs

https://github.com/grandnode/grandnode/blob/8c69b8be4158273574df208f692a62485b79acf7/Grand.Framework/Controllers/BaseController.cs#L252

https://github.com/nopSolutions/nopCommerce/blob/develop/src/Presentation/Nop.Web/Controllers/OrderController.cs

https://github.com/MisterRobotoArigato/eCommerce/blob/8e46115d61b7ab462c46ae561d10f1c3196dcc8b/MisterRobotoArigato/MisterRobotoArigato/Controllers/CheckoutController.cs