
Goal
Short personal project exploring TailwindCSS.
Implementation
The site was originally built on a Node + Express set-up, some simple Javascript is used to animate various elements but the focus was Tailwind. It was used here as a plugin through POSTcss which includes useful tools like auto-prefixer (increasing browser compatability) and purgeCSS (reducing Tailwinds final build size to < 15kb.). Also integrated is the email.js API for the contact form.
To deploy I used Nginx as a reverse proxy on a spare Linux server. This has given me familiarity with command line tools, process managers and SSL certificates.
Technologies
- HTML / CSS / Vanilla Javascript
- TailwindCSS / postCSS
- Node.JS / Express
- Nginx