Portfolio

Here are some of the web projects I've worked on while studying web development and building real-world skills.

Screenshot of a skateboarding project website

DVRSO Skateboard Customizer

A multi-page site where users can customize a skateboard setup, view price totals, and preview their board using JavaScript and localStorage. The DVRSO website (www.dvrsoskateboards.com ) features responsive layouts with embedded videos, high-quality photos, and clear contact information to enhance user engagement.

The project emphasizes mobile-first design, accessibility, and clean UI interactions across all screen sizes. It demonstrates practical front-end development skills combined with real-world branding and e-commerce concepts.

View Demo

PHP Blog & Login System

Global Progressive House & Techno Music (www.progressivehousetechno.com ) is a music-focused platform featuring curated content and community interaction. The site includes a PHP blog and login system with user authentication using cookies and a MySQL database connection.

Authenticated users can access a protected submission form to post content, which is displayed on a secured blog home page. This project demonstrates backend fundamentals, session-based access control, and dynamic content handling using PHP and MySQL.

View Code

Bootstrap & SASS, a CSS pre-processor

Bootstrap & SASS (CSS Pre-processor) — A responsive layout built with Bootstrap and custom SASS, focusing on mobile-first design, accessibility, and clean typography. This project includes structured sections such as a personal biography and content areas designed for clarity and usability across devices.

Custom SASS variables and components are used to extend Bootstrap’s default styles while maintaining consistency and scalability.

View Code

Screenshot of a responsive portfolio layout

Tailwind,SVG and CSS project-Responsive

A responsive layout updated with Tailwind CSS, replacing a text-based logo with a custom SVG for improved scalability and visual clarity. The project follows a mobile-first approach, emphasizing accessibility, clean typography, and modern design practices.

Using Tailwind utility classes, the SVG logo is styled and customized directly in the markup for consistent behavior across screen sizes. This implementation demonstrates the performance and flexibility advantages of SVGs in responsive web design.

View Demo