Live Online Shop (Ecommerce)by ASP .NET Core 9 Blazor Server

Explore the overall structure of an online shop design using a bootstrap five e-commerce template. Navigate sections such as header, slider, banners, product listings, cart, checkout, and PayPal sandbox payments.

Learn how routing connects urls to Razor components in a Blazor server app, mapping home, weather, and privacy pages via slash paths with routing data and uppercase naming.

Explore how databases power web design by comparing ado.net with the Entity Framework. See why the Entity Framework provides a simple, scaffolding-friendly data access layer.

explains the database first workflow in entity framework, from creating SQL database to scaffolding razor pages, generating DbContext, DbSet, and models automatically with EF tools.

Install and configure Entity Framework Core in a Blazor server project by adding the SQL Server, tools, and design NuGet packages compatible with dotnet 9.0, ensuring successful installation.

Connect the menus page to the admin layout and customize the navigation in a Blazor Server app, building an admin dashboard and menus section.

Learn to make dynamic sliders and banners by creating a database table, scaffolding DbContext and models, and generating Razor pages for banners in an ASP.NET Core Blazor Server project.

Learn to delete a banner record and its image file after record removal in a Blazor Server app using C#, including id handling, file existence checks, and database updates.

Design the index page by integrating the slider and banners, including banner one and banner two, within the layout, header, and the footer, using the required HTML tags.

Write C# code to load data for sliders and banners, including banner one and banner two, using EF Core and a DbContext factory; filter by position and order by priority.

Load dynamic sliders by looping through slides from the database and binding each image. Render titles and subtitles with html breaks, and conditionally render banner links on the index page.

Design and implement a product database from scratch in SQL, including products and galleries. Scaffold the DbContext and models, generate Blazor CRUD pages, and integrate admin navigation with data annotations.

Write C sharp code to save changes for a product's main image and gallery images on the edit page, including file uploads, unique naming, and DbContext updates.

Learn to display a discount percentage badge on product thumbnails by calculating from price and discount fields, while safely handling nulls and zero values and ensuring conditional display.

Design and implement a product details tab in a Blazor app using bootstrap tabs, passing the product data, and rendering description, reviews, tags, and a video embed.

Connect shop items to product details by adding dynamic links and IDs, and update shop and product details pages using the new product components.

Design a reviews database for the product section by creating a comments table with id, name, email, comment text, product_id, and create_date; scaffold the EF Core DbContext to the shop.

Implement a Blazor Server submit comment feature to save reviews to the database, using fluent validation and preload, then show a toast and reset the form.

Learn to add fluent validation to the comment form in a Blazor app, ensuring required fields and length limits for reviews.

Create the users database and scaffold dbcontext and user models with entity framework core, then build razor pages for register and login with is admin, registration date, and recovery code.

Demonstrates building a dynamic user menu in a Blazor Server app by updating the login state to show my account, orders, and logout after login, with login and register before.

Showcases a recovery code workflow in a Blazor Server app: validate user, generate and store a code, and send via Gmail SMTP with an app password, with a loading indicator.

Learn to design and implement a shopping cart page in a Blazor server app, including a cart razor component, items with image, title, price, quantity, and total, plus layout tweaks.

Learn to implement a clear cart feature in Blazor with DbContext: fetch the current user's cart, delete items, save changes, and display an empty cart message.