A personal CV/Resume built with HTML, showcasing structured sections for contact info, summary, skills, experience, education, and languages. Uses semantic HTML elements, tables, lists, and inline styling for clarity and readability.
Refactored resume HTML with external CSS for clean separation of content and styling. Implements structured layout, responsive sections, and maintainable styles for header, summary, skills, experience, education, and languages.
A web page showcasing the best coffee regions with HTML and CSS. Features a hero header image, centered title, and structured sections for Brazil, Colombia, India, Ethiopia, Costa Rica, and Kenya, each with a description and link to learn more.
Enhanced Coffee Regions page with a two-column layout using CSS positioning. Features a hero header, large centered title, and six coffee regions (Brazil, Colombia, India, Ethiopia, Costa Rica, Kenya) displayed in two vertical columns with descriptions and external links.
Created a Star Wars-themed webpage featuring Luke Skywalker and a Dream Team gallery. Uses CSS floats and positioning for layout, rounded images, hover effects, and responsive design. Gallery displays 9 character images in a grid without <table>.
A simple Google search page clone built with HTML and CSS. Uses an HTML <form> to send a GET request to Google’s search endpoint, allowing users to enter a query and be redirected to the search results page.
Completed all 24 levels of Flexbox Froggy to practice CSS Flexbox layout. Demonstrates understanding of core Flexbox properties—alignment, direction, ordering, and multi-row layouts—through interactive puzzles with before/after screenshots and CSS solutions.
A responsive web page layout built using Bootstrap 5 grid system. Demonstrates adaptive design across multiple breakpoints (sm, md, xl) with colored blocks, combining Bootstrap utilities with custom CSS for clarity. Perfect for learning and showcasing responsive grid layouts.
A fully responsive landing page showcasing coffee-producing regions, built with Bootstrap 5. Features adaptive grid layout for all screen sizes, styled region cards, header background image, and “Learn more” links to Wikipedia.
Utility functions in JavaScript for summing digits and checking "lucky" numbers using arithmetic operations only, implemented as clean ESM modules.
JavaScript implementation of in-place bubble sort using ESM modules, with robust input validation and helper functions for array handling and element swapping. Includes demonstration scripts for printing original and sorted arrays, optimized for early exit when the array is already sorted.
A JavaScript module providing basic array utilities: printing arrays, in-place reversal, and manual linear search, all implemented without using built-in methods like .reverse() or .indexOf(). Features input validation, modular ESM structure, and flexible demonstration scripts.
JavaScript implementation of Selection Sort with support for custom comparator functions, allowing ascending, descending, or custom ordering. Features in-place sorting, robust input validation, optimized swaps, and modular ESM structure with demonstration scripts.
A simple library management system in JavaScript using ES modules and OOP. Supports adding books with unique ISBN validation, searching the collection, and printing stored books using a modular architecture.
An interactive library management system built with JavaScript ES6 modules and DOM manipulation. Users can add books via prompts, and the library dynamically renders a numbered list of books on the web page. Demonstrates OOP, input validation, modular design, and dynamic HTML updates.
A vanilla JavaScript project demonstrating animation and interactive image gallery. Includes a moving box that reverses direction at container boundaries and a modular gallery with Next/Previous navigation. Focuses on DOM manipulation, timers, state management, and modular ES6 architecture.