Office

| Website

The Office is my webserver that acts as my office in the internet. It serves the following functions:

1. Serves my portfolio website
2. Compiles and serves my journals
3. Redirects from my URL shorteners

Technicality

• Frontend: Built using HTML, styled using Tailwind CSS, and front-end processing using JavaScript.
• Backend: Written primarily with Go, using the Echo library. Also contains Goldmark for parsing Markdown files.
• Deployment: HackClub Nest, 2 cores 2GB container.

Additional libraries:

• Air: Live reload

html/template

• All pages served by the Office utilises Go's html/template, with reusable components like headers and footers in the /views/components directory.
• Each page is its own file (journal entries follows journal-entry as base) and imports the reusable components.
• Everything is then rendered into HTML and served to the client.

Journals

The journal entries are in a separate journal repository. The office fetches the journal entries from the journal directory, then parses the markdown files into HTML using Goldmark.

URL Shorteners

Below is a table of the URL shorteners I added to the Office:

Website	Shortener
GitHub	/gh
X (Twitter)	/x
Instagram	/ig
YouTube	/yt
Discord	/dc
Hackatime	/ht

Notes

This is my most advanced web project, and my first deployed outside of GitHub Pages. The week spent putting everything together has been meaningful and refreshing.

Licensed under the MIT License