Hugo Portfolio

Biography

Authors:
Jordi Jaspers [Github, Linkedin]

Date of initial commit:
20/07/2021

Description:
The purpose of this project is to learn more about basic front-end development with upcoming populair libraries. This consists out of a static HTML page with some basic CSS and javascript using HUGO and Grav technologies. Instead of using basic CSS styling dependencies like Material.io or Bootstrap, I made use of TailwindCSS.

Grav is a content management system (CMS) that will help to manage the blogs that are being published on this website. The Grav admin plugin provides a simple and intuitive interface to make configuration and content creation easy and enjoyable. By using Hugo, we can easily generate a static HTML page with already some basic configuration. This will save precious configuration time, so that we can focus more on development. Also, the innovative library makes desinging web pages easier than ever.

What We Learned

• Improved HTML & CSS knowledge
• Made use of TailwindCSS to configure styling
• A dark mode switch with dynamic reloading
• Some basic javascript experience
• Control content management via Grav library
• Hugo generator experience
• Some front-end knowledge

TODO

• Different layout for Skills section.
• Add some CSS projects as referals with github referals.
• Add blog posts.
• Find a good design for about me page.

References

• Troubleshooting: https://stackoverflow.com/
• CSS debugging and design: https://tailwindcss.com/
• Content management: https://getgrav.org/
• Hugo Tutorial and Setup: https://www.youtube.com/watch?v=r_hYR53r61M