Bataga WordPress Portfolio Website

Portfolio

Code Snippet

A laptop displaying a website design with the phrase 'Build your dream website.' next to a minimalistic building image. The scene also includes a modern mug and a smartphone placed on a wooden desk.

Plugin Setup

This plugin setup includes both backend settings and frontend display, highlighting key configuration steps.

A computer screen displays a code editor with various files in a directory. The code being edited is written in JavaScript, identifiable by the .js file extension. There are highlighted lines in different colors to distinguish syntax elements. The left pane lists files such as 'assets', '.env', and 'index.js'. A web browser is visible at the top of the screen with multiple open tabs.

Output View

The frontend output shows the dynamic content generated by the custom code and plugin integration.

A person is typing on a MacBook Pro, viewing a website titled 'Personalize your portfolio.' The webpage displays three sections related to investing, each with different images and text. The laptop is on a grey table with a dark sofa and indoor plants in the background.

Debug Logs

Captured debug logs help trace the execution flow and troubleshoot issues during development.

A computer screen displays software code in a text editor. The code seems to be related to a web page with HTML and CSS components. On the left side, a file tree shows various file names in a project. The code includes HTML structure and styling classes.

Output View

Each project page summarizes the objectives, challenges, and solutions implemented throughout the task.

Background

This portfolio highlights 13 key coding projects completed during the semester, each with detailed explanations and screenshots.

Projects include plugin setups and frontend/backend views.

Experience

WordPress Dev

Freelance

Jan 2024 – Present

Projects include plugin setups and frontend/backend views.

Web Intern

Tech Co

Jun 2023 – Dec 2023

Assisted in coding tasks and maintained website functionality.

Gallery

Snapshots from 13 coding projects, plugins, and outputs.

The image features a modern desk setup with a vertically oriented large monitor displaying a web design portfolio or gallery. The screen shows multiple web design thumbnails. There is a keyboard and mouse on the white desk surface, and a laptop is situated to the right, slightly open and displaying different content. A round white lamp is positioned in the background, adding a minimalist touch to the overall workspace.
A close-up view of colorful HTML and CSS code displayed on a computer screen. The lines of code are predominantly highlighted in shades of blue, red, orange, and yellow on a dark background, indicating syntax highlighting for readability.
A laptop displaying the words 'Building Websites' rests on a small wooden table with black and white legs. Next to the laptop is a black mug placed on a coaster. The setting includes a brown leather sofa in the background and a patterned carpeted floor.