Web Development Assignments

A collection of 19 assignments covering HTML structures, CSS styling, layouts, responsive design, interactive JavaScript features, APIs, TypeScript, and ReactJS.

Assignment 1

Personal Profile Page

A basic HTML-only profile page featuring an image, about section, skills, and links.

View Project
Assignment 2

Blog Page Layout

An HTML structure with a header, navigation, blog posts, sidebar, and footer.

View Project
Assignment 3

Registration Form

A comprehensive HTML form with text inputs, password, radio buttons, and dropdowns.

View Project
Assignment 4

Style Profile Page

The profile page enhanced with custom fonts, colors, card layouts, and spacing.

View Project
Assignment 5

Styled Blog Layout

A beautifully styled blog page with typography hierarchy and hover effects.

View Project
Assignment 6

Landing Page

A complete landing page with a hero section, features list, about, and a footer.

View Project
Assignment 7

Responsive Nav Bar

A navigation bar that adapts to screen size, offering a desktop and mobile menu.

View Project
Assignment 8

Responsive Portfolio

A fully responsive, multi-section portfolio designed for desktop and mobile.

View Project
Assignment 9

Number Guessing Game

An interactive number guessing game demonstrating JavaScript fundamentals.

View Project
Assignment 10

Simple Calculator

A fully functional calculator application built with HTML, CSS, and JS.

View Project
Assignment 11

To-Do List App

A beautifully designed interactive to-do list built with JavaScript.

View Project
Assignment 12

Notes App with LocalStorage

A dynamic sticky notes application that saves your data to the browser.

View Project
Assignment 13

Weather App

A weather dashboard fetching real-time data using the Open-Meteo API.

View Project
Assignment 14

Movie Search App

An application to search movies and view posters using the OMDB API.

View Project
Assignment 15

TypeScript To-Do App

The To-Do app rebuilt in TypeScript with types, interfaces, generics, and fully type-safe functions.

View Project
Assignment 16

User Management App

A TypeScript app to add, display, filter, and sort users with full type safety using interfaces and generics.

View Project
Assignment 17

React Counter App

A beautifully designed counter application built with ReactJS and state management.

View Project
Assignment 18

React Todo App

An interactive to-do list built with ReactJS components and local storage persistence.

View Project
Assignment 19

React Weather App

A ReactJS weather dashboard integrating the Open-Meteo API using hooks.

View Project