John's website
This project is an exercise inspired by a tutorial. That tutorial provides a Figma file with the design. I created a duplicate of that file here.
The goal is to build a simple portfolio website and publish it on Heroku.
The build engine
This project has been generated with GoPablo, which has the technology choices very close to those made in the tutorial.
In particular, Gulp is used as a build tool.
With Gulp, we can write HTML in a modular way, using gulp-file-include.
For writing CSS, we use here PostCSS harness. TailwindCSS helps to keep things easy.
For a better development experience in Visual Studio Code editor, see this StackExchange question for possible solutions.
More information about GoPablo's features is available here.
The development workflow
Running npm run dev starts the development server at http://localhost:3000.