Skip to content

A github project portfolio made in TypeScript with React and the Mantine UI library

License

Notifications You must be signed in to change notification settings

battagel/cv_website

Repository files navigation

Project Portfolio Website by Matthew Battagel

This website can be found at:

matthewbattagel.co.uk

What is this website?

This website takes all my public, forked and starred repositories using GitHub's API and collates them into individual cards for display purposes. This is to better show the range of projects I have worked on / am interested in while also being inside of one!

Why this website?

I wanted to create a portfolio website to show off the web development skills I have learnt in the last few years. I also decided to jump on the hype of learning React and TypeScript together as they seem like powerful tools for such a purpose. Instantly I fell in love with how React handles UI componets and uses useStates for dynamically changing data.

TypeScript was harder to learn for me as I was used to working with weakly typed languages like Python however once I understood the main ways of using types I much prefer coding this way.

I also wanted to try my hand at getting the website hosted myself as nowerdays most people rely on websites like wix and GoDaddy for end to end website creation. Doing all of this myself, I thought, was a good learning opportunity to work with a DNS and how to organise a release of a website.

I ended up purchasing my domain from GoDaddy and hosting this website on Github Pages.

Development

Running the Website Locally

make run

Deploy

make deploy

Feature Ideas

  • Github actions for deployment
  • Example featured section
  • Re-do style / colour theme
  • Better canvas animation

About

A github project portfolio made in TypeScript with React and the Mantine UI library

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages