Go back

Coding Projects by Abdur Rehman

Food and Nutrition Blog

In this assignment, you will build a Food and Nutrition Blog using semantic HTML. They will create a structured webpage with a header, navigation links, main content sections, articles, an aside note, figures with captions, external links, an embedded iframe video, and a footer. The activity helps students understand how semantic HTML makes a webpage organised, readable, and meaningful.

My Weather App Homepage

In this assignment, you will build a weather app homepage using HTML and CSS. You will design a simple weather dashboard with a patterned page background, a gradient weather card, a weekly forecast section, and a floating weather icon animation. The activity focuses on CSS background properties, gradients, and @keyframes animation.

My Cartoon Character Card

In this assignment, students will build a simple cartoon character card webpage using HTML and CSS. They will use internal CSS to style the page, inline CSS to style one paragraph, CSS properties and values to change colours and text weight, and selectors to target different parts of the webpage.

Book Donation Form

Your school library wants to collect book donations online. You will build the donation form as a web page. Time: about 25 minutes.

My Media Adventure Webpage

In this assignment, students will create a complete media-based webpage called My Media Adventure. The webpage brings together everything learned in the Media in HTML lesson: images, audio, video, and iframe embedding.

My Dream School Timetable

In this assignment, you will build a simple HTML webpage called My Dream School Timetable. They will create a school-themed webpage that includes useful learning links, a morning routine, dream school features, subject descriptions, a timetable, and a favourite activities table.

Mini Biography Page

Build a mini biography page for a person you admire. You will use headings, paragraphs, text formatting and quotes from class. Time: about 20 minutes.

Get familiar with structure

Build your first web page using the HTML structure you set up in class — doctype, <html>, <head>, <title> and <body>.

Capstone Project

Students have to perform various operations on the given dataset using basic libraries used in Data Science - Numpy, Pandas, Seaborn, and Matplotlib.

Restaurant Customer Insights Explorer

In this assignment, you will build a Restaurant Customer Insights Explorer using Python, Seaborn, and Matplotlib. You will use several advanced chart types to compare customer bills, tips, days, genders, and party sizes from the built-in tips dataset.

Space Mission Data Explorer

In this assignment, you will build a Space Mission Data Explorer using Seaborn and Matplotlib. You will load the built-in planets dataset, inspect the data, and create charts to explore planet discovery and orbital information.

My Savings Progress Chart

In this assignment, you will build a Savings Progress Chart using Matplotlib. You will plot weekly savings as a line graph, add labels and a title, customise the line, and compare the same data using a bar chart.