Work samples

WordPress site with a custom theme

WordPress Portfolio site wih custom theme home
WordPress site with custom theme footer

I designed this portfolio site to demonstrate my talents as a web developer and also to show my personality. I designed the UI and visual elements and made a custom WordPress theme from scratch. I customised the templates with PHP and HTML and made the styles with Sass. I also learned to make my own Gutenberg block with React and JavaScript.

I learned a lot in this project. I have made frontend development for WordPress in the past, but the Gutenberg block system was new to me and I haven’t made a theme totally from scratch before this. I also learned a lot about using PHP with theming. I hadn’t used Sass with WordPress before so it was a great experience to learn that too. I love to use Sass to make the styling so much more efficient and fast, by for example using variables and mixins. It was also very eye opening to learn about custom Gutenberg block development, and I can’t wait to build more versatile custom blocks in future projects.

Welcome to explore who I am:

React + WordPress

React with headless WordPress - search

I wanted to make a React app that has a real use for me. I realised that way too often I find myself just sitting on the couch and watching TV or scrolling through social media. I decided to make an app that would inspire me to do all the different things I enjoy. The app has a Random Life Generator which I can use to raffle off some fun for my life. If I want to search for activities, I can do that too.

I wanted to fetch the data for these fun activities from a WordPress site so that I can easily add more funs to my list through WordPress. Because this is such a simple application, I thought it was best to do the frontend with React only and use headless WordPress as a backend and content managament system. The data is fetched from WordPress’s JSON API.

Go get a life: