Personal blog

Introduction

• Link: This is my personal website, built with ASP.NET Core 6. The interface is constructed using Bootstrap and Tailwind CSS. For the back-end, I utilize the C# programming language and Microsoft SQL Server for the database, following the Code First approach in database design

The website interface is primarily built using Tailwind CSS:

In the process of coding the project, I referenced and copied some interfaces and templates available on the Internet, making modifications as needed.

Blog

• Home:

• Post display page:

• View article details::

• Display mathematical formulas within the article:

• Comment below the article:

• View the personal information of a user account:

• Filter posts by Tags:

Technologies Used

• ASP.NET 6 MVC: The core framework for building web applications with Model-View-Controller architecture.

• Entity Framework Core: An object-relational mapping (ORM) framework for .NET used for database interactions.

• C#: The primary programming language for building the application logic.

• HTML5 and CSS3: For structuring and styling the web pages.

• Bootstrap: A front-end framework for designing responsive and visually appealing user interfaces.

• Tailwind CSS: Utilized for efficient and utility-first styling, allowing for a highly customizable and maintainable design approach.

• JavaScript: Used for client-side scripting to enhance user interactions.

• SQL Server: The database management system employed for storing and managing data.

• Git: Version control system for tracking changes in the source code.

Installation

1. Begin by cloning the project with the following command: https://github.com/thevi31415/Nguyen_Duong_The_Vi.git

2. Navigate to the appsettings.json file and ensure the connection string is updated as follows:

   "ConnectionStrings": { "DefaultConnection": "Server=.;Database=blog;Trusted_Connection=True;" }

3. Remove the Migrations folder from the project.

4. Open Tools > Package Manager > Package manager console

5. Execute the following two commands:

    (i) add-migration init
    (ii) update-database
   

6. You are now ready to launch the project.

License

Copyright © 2024, Nguyen Duong The Vi.

References

• ASP.NET Documentation
• Entity Framework Core Documentation
• Bootstrap Documentation
• https://github.com/timlrx/tailwind-nextjs-starter-blog
• https://tailwindui.com/components
• https://flowbite.com/docs/components/