Telerik UI for ASP.NET Core E-Shop application

The E-Shop app is built with Telerik UI for ASP.NET Core components within ASP.NET Core application. The sample app demonstrates the most common use cases related to online stores – product categories, product lists and details, shopping cart, similar and recently viewed products, user profile, sophisticated product filters, and so on. Besides that, the demo includes integration with Telerik Reporting to showcase how to generate order invoice, print product catalogue, or export favorite products in PDF. The styling is powered by the new built-in Fluent theme, which is available for all Telerik and Kendo UI components. The products data is based on AdventureWorks sample database.

---

Featured Telerik UI for ASP.NET Core components

The sample application showcases some of the most popular Telerik UI for ASP.NET Core components, such as:

• Data Grid
• Scrollview
• ListView
• AutoComplete
• TabStrip
• Form
• Slider
• Rating
• CheckBoxGroup
• RadioGroup
• ButtonGroup
• Map
• Menu
• Captcha

Prerequisites

• .NET 6.0
• Visual Studio 2022
• Microsoft SQL Server 2019

Running this app

1. Add the Telerik Nuget feed as a Package Source.
2. Copy the .bak file from the DatabaseFiles folder to your SQL Server backup location.
3. Restore the sample database through any of the approaches below:

• Use SQL Server Management Studio (SSMS)—Follow the steps in the Restore to SQL Server article. Note: You need to select the AspNetCoreEshop.bak file and the name of the database should be AspNetCoreEshop.
• Use Transact-SQL (T-SQL)—Run the RESTORE DATABASE command as described in the article linked here.

1. Open EShop.sln with Visual Studio.
2. Open the terminal and enter the Web directory (...\eshop-sample-app-aspnetcore\EShop\Web).
3. Run npm install to install the dependencies from the package.json file. This step is required to activate the gulp tasks defined in the gulpfile.js when running the app.
4. Run the application (Hit Ctrl + F5).