Project

Description

.NET

Angular

JavaScript

jQuery

React

Vue.js

LinkedIn Clone Creating a LinkedIn clone is a fantastic way for beginners to dive into web development and understand the mechanics behind social networking platforms. This project will help you grasp essential concepts such as user management, database integration, and interactive UI design. Front-End:
  • Cshtml
  • JavaScript
  • Query
  • Cookies
  • CSS
Back-End:
  • ASP.NET Core 5 MVC
  • ADO.NET
  • Stored Procedure
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6

ASP.NET MVC
(Front-End)

Angular

JavaScript

jQuery

React

Vue.js

Front-End:
  • ASP.NET MVC (Front-End)
  • Ajax
  • JavaScript
  • CSS
  • Cshtml
  • Cookies
Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
Front-End:
  • Angular 15
  • TypeScript
  • CSS
  • HTML
  • Cookies


Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio Code

My works:
Front-End:
  • JavaScript
  • CSS
  • HTML
  • Cookies



Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
Front-End:
  • jQuery
  • CSS
  • HTML
  • Cookies



Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
Front-End:
  • React 18
  • CSS
  • HTML
  • Cookies



Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
Front-End:
  • Vue.js 3
  • CSS
  • HTML
  • Cookies



Back-End:
  • ASP.NET WebAPI
  • .NET 6.0
  • SQL
  • C#
Database:
  • MS SQL Server 2019 Database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
Notes:
  1. I only built one ASP.NET WebAPI for all of the six different front-end websites (frameworks or libraries) used above.
  2. I also only built one MS SQL Server 2019 Database for all six different front-end websites.

Project

Description

.NET

Angular

JavaScript

jQuery

React

Vue.js

1 Google Maps Google Maps is one of the most popular map applications in the world.

This project aims to help display a Google map to highlight one or more locations for a business, establishment, or some other entity with a physical presence.
Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • CSS
  • TinyMCE 7.3.0 (editor) integration
Back-End:
  • Google Maps API
  • ASP.NET WebAPI
  • .NET 8
  • C#
  • Entity Framework Core 8
Database:
  • MS SQL Server 2019 database
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
2 Weather Forecast The weather forecast website provides users with up-to-date and accurate weather information for specific locations. It includes weather conditions, and a weather forecast for the next five days.

This project aims to help users plan activities, make informed decisions, and stay prepared for changing weather conditions.

Note: The original weather dashboard website was written in JavaScript on the internet. And I converted about 20% of JavaScript into C#. And the remaining 80% was converted by the online tool. And then I used this C# code to build my project.
Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • CSS
Back-End:
  • OpenWeather API
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
3 YouTube Downloader YouTube is an American online, free video sharing social media website and app on the internet.

This project aims to let us to download videos from YouTube for free and save them easily in MP4, and MP3 formats.

Its simple interface makes it easy for anyone to download videos without much hassle.
Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • CSS
Back-End:
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
4 Digital Dictionary This application makes an API request to fetch the word’s definition and displays it along with the part of speech and an example if available.

This project aims to help users to learn new words with word lists which can be created by themselves for free.

Note: I found the original JavaScript code at:

https://www.geeksforgeeks.org/create-a-dictionary-app-using-html-css-and-javascript/

I converted the original JavaScript code into C# code and then I modify my C# code for my project.
Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • Ajax
  • JavaScript
  • Cookies
  • CSS
Back-End:
  • Dictionary API
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
5 Online Calculator This calculator performs mathematical operations, such as Addition, Subtraction, Multiplication, and Division.

Note: Please click here to see the original jQuery calculator application.

I converted the original jQuery code to C# code for this project.

Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • CSS
Back-End:
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
6 Temperature Converter This project aims to perform temperature unit conversion from Celsius to Fahrenheit - or any other combination of temperature units you choose!

Note: The original Temperature Converter is written with the JavaScript code by Elle J., I rewrote Elle's JavaScript code into C# code for my project.

Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • Ajax
  • CSS
Back-End:
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None
Editor:
  • MS Visual Studio 2022 Community Edition
My Screenshots
My works:
2 3 4 5 6
7 Autocomplete Search Autocomplete is the function of search engines that displays keyword and product suggestions in real-time, based on what search query the user is typing into the search field.

I just added two lines of code to someone's code which I found online. Then I used it for my Autocomplete Search feature.

Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • Ajax
  • CSS
Back-End:
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None.
    Just use dummy data
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
8 Pagination Pagination is needed when there is a large amount of data that can not reasonably be presented as a single page.

I copied someone's code online and modified it. And I also copied someone else's code online and modified it. Then I put them together to make my pagination feature live.

Front-End:
  • ASP.NET MVC (Front-End)
  • Cshtml
  • JavaScript
  • CSS
Back-End:
  • ASP.NET WebAPI
  • .NET 8
  • C#
Database:
  • None.
    Just use dummy data
Editor:
  • MS Visual Studio 2022 Community Edition
My works:
2 3 4 5 6
9 Five Star Rating Why are 5-star reviews important for your eCommerce store?

1. Build consumer trust

Trust affects the purchase decision of your potential customers, especially if they’re just hearing about your brand for the first time.

But if you have 5-star product reviews, that will encourage them to buy from your eCommerce store. Why? Because they can see that a lot of past customers are saying good things about your products.

And that will help…

2. Increase your sales

Since product reviews can influence more people’s purchasing decisions, this also means an increase in sales. Because when more potential customers trust you, you can convert them into sales.

What if existing customers like your products and give them a 5-star rating? They will come back to your eCommerce store.

That will increase your sales, boost loyalty, and…

3. Strengthen your brand reputation

Having 5-star product reviews means your products are top-notch… which affects your brand reputation.

Of course, you want to be known as an eCommerce brand with the best product among your competitors. That’s why the market purchases from you.

If you want to experience these benefits, you need to get 5-star eCommerce reviews. And here are…

1 2 3 4 5 6