Web Programming Coursework

Collection of frontend assignments covering HTML, CSS, JavaScript, and basic React development.

Overview

This repository contains lab-based exercises progressing from static web pages to a small React application with API integration.

Structure:

• LA1–LA2 → HTML and CSS fundamentals
• LA3 → JavaScript interactivity and DOM manipulation
• LA4 (React App) → Component-based UI with routing and API calls

Tech Stack

• HTML, CSS, JavaScript
• React (with React Router)
• Fetch API
• External APIs:
  • REST Countries
  • Open-Meteo
  • Google Books

Key Concepts Practiced

• Semantic HTML and page structure
• Styling with CSS
• DOM manipulation and event handling
• Basic form handling and calculations
• React components and state (useState)
• Client-side routing
• API consumption and error handling

Highlight (React App)

The LA4/taa4-app folder contains a small React application demonstrating:

• Route-based navigation
• API-driven UI
• Conditional rendering for results and errors

Limitations

• Frontend-only (no backend or database)
• Assignment-driven structure (not a single cohesive product)
• Minimal validation and reusable architecture

Notes

This repository reflects foundational frontend learning rather than a production-grade application.