/HtmlPreviewer

Preview and Save HTML code with shareable URL

Primary LanguageC#MIT LicenseMIT

HtmlPreviewer

Preview and Save HTML code with shareable URL


🛠️ TOOLS NEEDED:

(At least the ones I used)

  • Visual Studio 2019
  • SQL Server 2019
  • Microsoft SQL Server Management Studio 18

📖 WHAT DOES IT INCLUDE:

  • Text area to write HTML and an area to render it
  • Button Run to render the input
  • Button Save to save the input in a relational database with create date and last edit date
  • Button Check Original to check if the current code matches the one of an example created earlier
  • Notification for the "Check Original" funtionality
  • Shareable URL of the saved example which is shown on the browser address bar
  • Auto save every 15sec

🗄️ SAMPLE DATABASE AND DATA

  • 2 tables: HTMLs and HTMLVersions
  • 3 added entities in table HTMLs
  • 14 added entities in table HTMLVersions
HTML Id HTML total versions
1 10
2 2
3 2

To access any of the already added examples: /Home/HTML/{id}

(Entity with id 3 is interesting)


💻 HOW TO RUN:

  1. Clone the project
  2. Use the provided html-previewer-db-script.sql file to create the database with some sample data (copy the script and run it in SSMS18)
  3. In appsettings.json change the server name from "." to whatever your server name is
  4. Basically that's it, run the project in VS19 and start previewing HTMLs 😊