Portfolio workshop run by Google Student Developer Club at the University of Auckland.
Install Node.js and npm.
Install the dependencies:
npm install
rename one of the templateX.svelte
files in src/routes/
to index.svelte
eg template1.svelte
>> index.svelte
Then run:
npm run dev
You can test your content in different templates by adding the template number to the end of the url.
eg localhost:3000/template1
All the content for your portfolio is in src/content
The .json
files allow you to edit the text eg, your name, your projects, your skills, etc.
The theme.scss
file lets you to edit the colours and styles of your portfolio.
The images
folder is where you add images to your portfolio. (linked in the .json
files)
All the code is provided so you can also edit the templates to make them your own.π
- Go to
https://github.com/<YOUR USERNAME>/portfolio-workshop/settings/pages
. - Under
Build and deployment
, selectDeploy from a branch
and the branch should begh-pages
. - Check that your website is deployed at
https://<YOUR USERNAME>.github.io/portfolio-workshop
!
Using GitHub Actions, we create an action that automatically runs every time a change is pushed to the main
branch. The config file for the action is at .github/workflows/github-pages.yml
, and you can see that it has four main steps:
- Checkout the git repo.
- Install Node & project dependencies.
- Build the project.
- Deploy to GitHub Pages.
Etienne Naude | Matt Moran | Eugene Chua | Hiruna Jayamanne | |
---|---|---|---|---|
Portfolio | etinaude.dev | mattm.nz | echua.top | hiru.dev |
GitHub | etinaude | DarkMatterMatt | luorixo | HiruNya |
Link | ![]() |
---|---|
Discord | W6QtB3Sm2U |
@gdsc.uoa | |
Website | GSDC |