Project Category: Personal Projects
Woostore
A sample WooCommerce store I set up, to test out the features and functionality of the WooStore plugin.
The Process
I developed this website using the WP WooStore plugin. The purpose was to learn about and understand how the different modules and features of the plugin work.
To test out the order payment feature, I set up PayPal and Stripe Sandbox environments.
Tools
WordPress, HTML, CSS
Features
WooStore theme and plugin
My Portfolio
This is my online portfolio, showcasing some of the web projects I have worked on since 2018.
The front page includes the projects, about me and contact sections. I incorporated Slick Slider to showcase my projects.
The Process
I went through many design iterations for this site as I wanted to showcase my portfolio in a simple, yet effective way. I initially had separate pages for the different sections i.e. About me, Contact but eventually decided on keeping all the content on the home page as is the trend nowadays and linking the projects to individual project pages. I used WordPress for this site as it allows for easy addition of content without having to go into the code.
Tools
WordPress, PHP, HTML, CSS, Photoshop, Javascript/jQuery, Adobe XD
Features
Custom Post Types
Advanced Custom Fields; Repeater Fields
Slick Slider
Typography
Navigation, Body font: Roboto Slab, sans-serif
Heading font: Lato, sans-serif
Parallax Scrolling Example
A responsive website I developed to experiment with different background images and parallax scrolling.
The Process
I used CSS background-attachment: fixed property to keep the images fixed while the text scrolls over them.
Tools
HTML, CSS, Photoshop, Balsamiq
Typography
Navigation font: Roboto
Headings font: Roboto
Body font: Roboto
Style Tile / Color Palette
