This repository was born as part of a hackathon I organised during summer 2020 as an effort to teach some lovely ladies how to build and host their own website, here's the steps we followed:
My colleague and amazingly talented Experience Designer Xiaofan Yan created a few slides for you to think about the goal of your website. You can find the slides in the repository, take your time and read through it. Whenever you're ready, continue with step 2.
During our remote hackathon, we followed this Udemny Course to create our portfolio website. Obviously feel free to add the sections you feel are important for your website, e.g. some of us skipped the technical sections & stats and focused on the portfolio section instead. Another advise I could give you, just follow this course to create a skeleton to get a feel of how to create a website. You can always change the look & feel in another iteration.
With netlify you can host your website via github in a few clicks by following this tutorial.
Here are a few steps that I took to tweak my portfolio website.
Netlify gives you a .netlify.app url, however there's lots of places where you can get a domain for about EUR15/year.
Jekyll is a static site generator. You will find as you add your personal content that the index.html will grow huge and e.g. your portfolio section will become cumbersome to maintain. With jekyll you can define a template and just add text in form of .md
. Feel free to checkout my website github repo to see how I structured my website code and how I maintained it.
I was inspired by Xiaofans slides and chose a gradient color scheme see www.jennifer-codes.com