diff --git a/Resume.BlazorSS/Pages/Counter.razor b/Resume.Blazor/Resume.Blazor.Client/Pages/Counter.razor
similarity index 89%
rename from Resume.BlazorSS/Pages/Counter.razor
rename to Resume.Blazor/Resume.Blazor.Client/Pages/Counter.razor
index ef23cb3..6b9e8cb 100644
--- a/Resume.BlazorSS/Pages/Counter.razor
+++ b/Resume.Blazor/Resume.Blazor.Client/Pages/Counter.razor
@@ -1,4 +1,5 @@
 @page "/counter"
+@rendermode InteractiveWebAssembly
 
 <PageTitle>Counter</PageTitle>
 
diff --git a/Resume.Blazor/Resume.Blazor.Client/Program.cs b/Resume.Blazor/Resume.Blazor.Client/Program.cs
new file mode 100644
index 0000000..519269f
--- /dev/null
+++ b/Resume.Blazor/Resume.Blazor.Client/Program.cs
@@ -0,0 +1,5 @@
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+
+await builder.Build().RunAsync();
diff --git a/Resume.Blazor/Resume.Blazor.Client/Resume.Blazor.Client.csproj b/Resume.Blazor/Resume.Blazor.Client/Resume.Blazor.Client.csproj
new file mode 100644
index 0000000..7aa63b5
--- /dev/null
+++ b/Resume.Blazor/Resume.Blazor.Client/Resume.Blazor.Client.csproj
@@ -0,0 +1,15 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <Nullable>enable</Nullable>
+    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.3" />
+  </ItemGroup>
+
+</Project>
diff --git a/Resume.Blazor/Resume.Blazor.Client/_Imports.razor b/Resume.Blazor/Resume.Blazor.Client/_Imports.razor
new file mode 100644
index 0000000..c057ff9
--- /dev/null
+++ b/Resume.Blazor/Resume.Blazor.Client/_Imports.razor
@@ -0,0 +1,9 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using Resume.Blazor.Client
diff --git a/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.Development.json b/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.Development.json
new file mode 100644
index 0000000..0c208ae
--- /dev/null
+++ b/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.json b/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.json
new file mode 100644
index 0000000..0c208ae
--- /dev/null
+++ b/Resume.Blazor/Resume.Blazor.Client/wwwroot/appsettings.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/Resume.BlazorSS/Helpers/ExperienceHelper.cs b/Resume.BlazorSS/Helpers/ExperienceHelper.cs
new file mode 100644
index 0000000..212ac9f
--- /dev/null
+++ b/Resume.BlazorSS/Helpers/ExperienceHelper.cs
@@ -0,0 +1,156 @@
+using Resume.BlazorSS.Models.ItemModels;
+
+namespace Resume.BlazorSS.Helpers;
+public static class ExperienceHelper
+{ 
+    public static List<ProjectItemModel> ProjectItemModels = new List<ProjectItemModel>
+    {
+        new ProjectItemModel{
+        Name="iGarson" ,
+        Feilds= new string[] {"Scrum Master" , "Senior .Net Developer"},
+        ButtonText ="WebSite" ,
+        Link="igarson.app",
+        ImageSrc="../assets/images/igarsonCover.jpg",
+        Detail="iGarson ( Your Majesty ) lunched for the comprehensive management of restaurants, it has a separate application for customers, management and waiters of restaurants, which provides very attractive features to restaurants and their customers."},
+        
+        new ProjectItemModel{
+        Name="MuCut" ,
+        Feilds= new string[] {"Scrum Master" , "Senior .Net Developer"},
+        ButtonText ="WebSite" ,
+        Link="mucut.ir",
+        ImageSrc="../assets/images/mucutCover.jpg",
+        Detail="MuCut is a comprehensive platform for taking appointments from men's and women's barbershops, which makes the appointment process easier for customers and managers of barbershops."},
+        
+        new ProjectItemModel{
+        Name="iMed" ,
+        Feilds= new string[] {"Project Manager" , "Senior .Net Developer"},
+        ButtonText ="WebSite" ,
+        Link="imedapp.ir",
+        ImageSrc="../assets/images/imedCover.jpg",
+        Detail="iMed has provided an online learning system with flash cards and attractive videos for medical students, which is used by more than 10,000 medical students."},
+        
+        new ProjectItemModel{
+        Name="Visa Bartar" ,
+        Feilds= new string[] {"Senior .Net Developer"},
+        ButtonText ="WebSite" ,
+        Link="visabarta.com",
+        ImageSrc="../assets/images/visabartarCover.jpg",
+        Detail="VisaBartar is the website of VisaBartar Immigration and Tourist Company, which provides users with blogs and services information, measuring the probability of immigration acceptance."},
+        
+        new ProjectItemModel{
+        Name="Siban" ,
+        Feilds= new string[] {"Senior .Net Developer"},
+        ButtonText ="WebSite" ,
+        ShowButton=false,
+        Link="igarson.app",
+        ImageSrc="../assets/images/sibanCover.jpg",
+        Detail="Siban is an application for communication between university students and academic associations, which includes features such as scientific association announcements, promotional banners of academic associations, and their elections."},
+        
+        new ProjectItemModel{
+        Name="RaziApp" ,
+        ShowButton=false,
+        Feilds= new string[] {"Senior CrossPlatform Developer"},
+        ButtonText ="WebSite" ,
+        Link="igarson.app",
+        ImageSrc="../assets/images/raziappCover.jpg",
+        Detail="RaziApp is a system for introducing professors and various departments of Razi University, which provides various communication channels for students and different departments of the university, such as the reservation section for sports facilities, and more."},
+        
+        new ProjectItemModel{
+        Name="Netina Stomp .Net Package" ,
+        Feilds= new string[] {"Senior CrossPlatform Developer"},
+        ButtonText ="GitHub" ,
+        Link="https://github.com/Netina/Netina.Stomp.Client",
+        ImageSrc="../assets/images/netinaCover.jpg",
+        Detail="Netina Stomp .Net Package is a package for .NET applications that allows them to connect to STOMP servers. This package has been downloaded and used more than 5,000 times."},
+        
+        new ProjectItemModel{
+        Name="Plix" ,
+        Feilds= new string[] {"Senior .Net Developer"},
+        ButtonText ="GitHub" ,
+        Link="https://github.com/mrmohande3/Plix",
+        ImageSrc="../assets/images/plixCover.jpg",
+        Detail="Plix is a Windows application implemented with the latest .NET frameworks that helps you manage and categorize the movies available on your personal system. Additionally, based on your personal preferences, it offers attractive recommendations "},
+    
+        new ProjectItemModel{
+        Name="Vishka90" ,
+        Feilds= new string[] {"Senior CrossPlatform Developer"},
+        ButtonText ="WebSite" ,
+        ShowButton = false,
+        Link="igarson.app",
+        ImageSrc="../assets/images/netinaCover.jpg",
+        Detail="Vishka90 is an application for football lovers who participate in football prediction competitions that are legally implemented in Iran and earn prizes by winning."},
+        
+        new ProjectItemModel{
+        Name="Terrace Management" ,
+        ShowButton=false,
+        Feilds= new string[] {"Senior CrossPlatform Developer"},
+        ButtonText ="WebSite" ,
+        Link="igarson.app",
+        ImageSrc="../assets/images/terraceCover.jpg",
+        Detail="The Terrace Management software is a personal software for managing the Terrace cafe and restaurant located in the city of Kermanshah, which provides accounting, menu management, and customer management sections for this establishment."},
+        
+    };
+    public static List<SkillItemModel> ToolsItemModels = new List<SkillItemModel>
+    {
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "Visual Studio" , ImageSrc = "../assets/images/vsLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "Nuget" , ImageSrc = "../assets/images/nugetLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "GitHub" , ImageSrc = "../assets/images/githubLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "Microsoft Office" , ImageSrc = "../assets/images/officeLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Photoshop" , ImageSrc = "../assets/images/photoshopLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "VSCode" , ImageSrc = "../assets/images/vscodeLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Postman" , ImageSrc = "../assets/images/postmanLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "SQLServer Management" , ImageSrc = "../assets/images/sqlmLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "ReSharper" , ImageSrc = "../assets/images/resharperLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Jira" , ImageSrc = "https://logowik.com/content/uploads/images/jira3124.jpg"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "BitBucket" , ImageSrc = "../assets/images/bitbucketLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "WordPress" , ImageSrc = "../assets/images/wordpressLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "Adobe Xd" , ImageSrc = "../assets/images/xdLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "SonarQube" , ImageSrc = "../assets/images/sonarLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "Figma" , ImageSrc = "../assets/images/figmaLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 1 , Name = "Rider" , ImageSrc = "../assets/images/riderLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 1 , Name = "NDepend" , ImageSrc = "../assets/images/ndependLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 1 , Name = "Studio 3T" , ImageSrc = "../assets/images/studio3tLogo.png"},
+    };
+    public static List<SkillItemModel> SkillItemModels = new List<SkillItemModel>
+    {
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "C# Programming" , ImageSrc = "https://static.javatpoint.com/csharp/images/c-sharp.png"},
+        new SkillItemModel{ExperiencePeriod = 7 , Name = "C++ Programming" , ImageSrc = "../assets/images/cppLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "Asp .Net Core" , ImageSrc = "../assets/images/netcorLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "Xamarin" , ImageSrc = "../assets/images/xamarinLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "Xamarin Forms" , ImageSrc = "../assets/images/xamarinLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = ".NET MAUI" , ImageSrc = "../assets/images/mauiLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Prism" , ImageSrc = "../assets/images/prismLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "iOS Application" , ImageSrc = "../assets/images/iosLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "Android Application" , ImageSrc = "../assets/images/androidLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 6 , Name = "Git" , ImageSrc = "https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Microsoft SQL Server" , ImageSrc = "https://logowik.com/content/uploads/images/microsoft-sql-server4529.jpg"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Windows Application" , ImageSrc = "https://www.sketchappsources.com/resources/source-image/windows-logo-alesiamjau.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Wpf" , ImageSrc = "../assets/images/netcorLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "SOLID" , ImageSrc = "../assets/images/solidLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "DDD" , ImageSrc = "../assets/images/dddLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "XAML" , ImageSrc = "../assets/images/xamlLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "MVVM Design Pattern" , ImageSrc = "../assets/images/mvvmLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Entity Framework Core" , ImageSrc = "https://codeopinion.com/wp-content/uploads/2017/10/Bitmap-MEDIUM_Entity-Framework-Core-Logo_2colors_Square_Boxed_RGB.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "RESTful Api" , ImageSrc = "https://lh3.googleusercontent.com/-XvJzhz3pfH0/XjYG_xWkESI/AAAAAAAAJ9c/AYlgAtRknEU2W5fMcFhQoL6rmO8EBtIDQCK8BGAsYHg/s0/2020-02-01.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Web API" , ImageSrc = "https://static.javatpoint.com/tutorial/webapi/images/web-api-tutorial.png"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Postgress SQL" , ImageSrc = "https://www.influxdata.com/wp-content/uploads/PostgreSQL-logo.jpg"},
+        new SkillItemModel{ExperiencePeriod = 5 , Name = "Scrum" , ImageSrc = "https://images.credly.com/images/db768524-81d9-435e-96fc-33b517e15616/blob.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "SignalR" , ImageSrc = "https://img.stackshare.io/service/4013/SignalR-logo.png"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "Docker" , ImageSrc = "../assets/images/dockerLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "UI-UX" , ImageSrc = "https://artographic.ir/file/attach/202102/1330.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "Clean Architecture" , ImageSrc = "../assets/images/carchLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "MicroServices" , ImageSrc = "../assets/images/microserviceLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 4 , Name = "Redis" , ImageSrc = "../assets/images/redisLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "STOMP" , ImageSrc = "https://seeklogo.com/images/S/STOMP-logo-9B23B79AF7-seeklogo.com.gif"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "RabbitMQ" , ImageSrc = "../assets/images/rabbitLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "DevOps" , ImageSrc = "https://cdn.dribbble.com/users/13574/screenshots/9711275/logo-devops.png"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "MongoDB" , ImageSrc = "https://res.cloudinary.com/hevo/image/upload/f_auto,q_auto/v1626694700/hevo-blog/MongoDB-sm-logo-500x400-1-1.gif"},
+        new SkillItemModel{ExperiencePeriod = 3 , Name = "gRPC" , ImageSrc = "https://avatars.githubusercontent.com/u/7802525?s=280&v=4"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "CICD" , ImageSrc = "../assets/images/cicdLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "ML.Net" , ImageSrc = "../assets/images/mlLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "QraphQL" , ImageSrc = "../assets/images/graphLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 2 , Name = "Unity" , ImageSrc = "../assets/images/unityLogo.png"},
+        new SkillItemModel{ExperiencePeriod = 10 , Name = "Googling" , ImageSrc = "../assets/images/googleLogo.png"},
+    };
+
+}
diff --git a/Resume.BlazorSS/Pages/FetchData.razor b/Resume.BlazorSS/Pages/FetchData.razor
deleted file mode 100644
index a30bf69..0000000
--- a/Resume.BlazorSS/Pages/FetchData.razor
+++ /dev/null
@@ -1,47 +0,0 @@
-@page "/fetchdata"
-@using Resume.BlazorSS.Data
-@inject WeatherForecastService ForecastService
-
-<PageTitle>Weather forecast</PageTitle>
-
-<h1>Weather forecast</h1>
-
-<p>This component demonstrates fetching data from a service.</p>
-
-@if (forecasts == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Date</th>
-                <th>Temp. (C)</th>
-                <th>Temp. (F)</th>
-                <th>Summary</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var forecast in forecasts)
-            {
-                <tr>
-                    <td>@forecast.Date.ToShortDateString()</td>
-                    <td>@forecast.TemperatureC</td>
-                    <td>@forecast.TemperatureF</td>
-                    <td>@forecast.Summary</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private WeatherForecast[]? forecasts;
-
-    protected override async Task OnInitializedAsync()
-    {
-        forecasts = await ForecastService.GetForecastAsync(DateOnly.FromDateTime(DateTime.Now));
-    }
-}
diff --git a/Resume.BlazorSS/wwwroot/css/site.min.css b/Resume.BlazorSS/wwwroot/css/site.min.css
index c938df8..634c672 100644
--- a/Resume.BlazorSS/wwwroot/css/site.min.css
+++ b/Resume.BlazorSS/wwwroot/css/site.min.css
@@ -598,9 +598,6 @@ video {
 .flex {
   display: flex;
 }
-.table {
-  display: table;
-}
 .h-10 {
   height: 2.5rem;
 }