Web Programming Portfolio

Foundation of web development with semantic HTML structure, forms, and content organization.

Exploration of core HTML elements including headings, paragraphs, responsive images, and semantic tags to build structured and meaningful web pages.

Hands-on practice with HTML5 Canvas and SVG for drawing 2D graphics, shapes, and visual elements

Integrated videos, audio, and embedded pages for interactive content.

Creation of essential web interface elements such as styled buttons, structured pricing tables, and a sample blog layout to practice visual hierarchy, spacing, and user interaction design.

Experimentation with interactive web elements using CSS and JavaScript — including animated text, rotating images, responsive layouts like FAQs and articles, and visual effects such as dynamic background changes.

Designing visually appealing interfaces with structured layouts and motion. Includes an interactive image gallery, a magazine-style article layout, and animated movement using CSS and JavaScript.

A deep dive into rich media and interactive features. This lab includes responsive SVG graphics, multimedia handling, and a geolocation-based weather application that fetches live data based on user location.

Development of interactive mini-projects to practice JavaScript logic and DOM manipulation

Creation of real-world application interfaces using structured forms and UI logic.

Focused on enhancing user experience through interactive tools such as background color changers, real-time character counters, and a basic to-do list app with task management functionality.

Built responsive forms for common real-world use cases—checkout, job application, and user registration—with focus on clean design and input handling.

This lab focuses on enhancing interactivity using event-driven JavaScript.

This lab features small interactive tools built with JavaScript for list generation and number classification—covering evens, odds, multiples, and dynamic tables.

This lab dives into DOM interactions like color manipulation, dropdown selection, word and key tracking, form inputs, and layering visuals with z-index.

This lab brings together interactive web apps—from feedback forms and quizzes to dynamic shapes, key detection, and to-do lists—demonstrating JavaScript’s power in engaging user experiences.

Built a multi-component personal dashboard app using ReactJS. This lab focuses on core React concepts including components, props, state, conditional rendering, list rendering, forms, and event handling—presented through functional UI widgets like a greeting, to-do list, counter, profile card, weather box, and more..