Madhushree Rasal

JavaScript

HTML CSS Tailwind CSS Bootstrap Tailwind CSS

YouTube Homepage Clone

A beginner-level static YouTube homepage clone built using HTML and CSS. This project focuses mainly on practicing webpage layouts, media embedding, navigati...

Photo Editor

An interactive CSS-only Photo Editor built using HTML5 and CSS3. This beginner-friendly project demonstrates how various CSS filter properties can be used to...

Responsive LinkedIn Clone

A responsive LinkedIn-inspired frontend interface built using HTML and CSS. This project recreates several core UI sections of LinkedIn, including navigation...

OpenPages - Digital Library

OpenPages is a multi-page static website that simulates a digital library experience. It allows users to browse books by genre, register as a member, and fil...

Spotify Homepage Clone

A static Spotify homepage clone built using HTML and CSS. This project recreates the look and feel of Spotifyu2019s web interface while practicing layout des...

Timely Fashion

A fashion and accessories themed product webpage built using HTML and CSS. This project was created to practice CSS Grid layouts, Flexbox positioning, hover...

Grid Layout

This is a beginner frontend practice project built using HTML and CSS Grid. The project was created to practice webpage structuring and layout organization u...

The Petal Index

The Petal Index is a botanical-themed educational website built using HTML and CSS. This project was created to practice Flexbox layouts, structured webpage...

OPPO Website Clone

A static clone of the OPPO website homepage built using HTML and CSS. This project was created to practice dropdown menus, positioning, sticky navigation, fl...

Boat Website Clone

A static frontend clone of the boAt Lifestyle website built using HTML and CSS. This project was created as part of my frontend learning journey while practi...

Jacob & Co Website Clone

A static luxury watch brand website clone inspired by the official Jacob & Co website. This project was built using only HTML and CSS while learning backgrou...

The FloraSphere

A beginner-friendly HTML and CSS project created to practice advanced CSS selectors, pseudo-classes, pseudo-elements, hover effects, and themed webpage styli...

Printable Journal Template

A beginner-friendly HTML and CSS project created while learning about CSS borders, gradients, layouts, and styling. This webpage is designed as a printable d...

SSC Marksheet Clone

A frontend practice project recreating an SSC marksheet layout using HTML and CSS tables. This project focuses on structured table design, document-style lay...

Jiosaavn Clone

A static JioSaavn-inspired music streaming homepage clone built using HTML and CSS. This project was created to practice webpage structuring, audio integrati...

Versatile Technology Code Fest 2025 Website Clone

A beginner frontend practice project recreating the official Versatile Technology Institute website for Ganesh Utsav Code Fest 2025. This project was create...

The Foodie Hub

A beginner-friendly multi-page recipe website built using HTML and CSS. This project focuses on practicing website structure, page linking, layouts, media em...

Docker Website Clone

A frontend section of a Docker website clone created during a classroom assessment using HTML and CSS. This project was built while learning the fundamentals...

YouTube Podcast UI Clone

A static YouTube-inspired podcast webpage built using HTML and CSS as a beginner frontend practice project. The goal of this project was to strengthen founda...

CSS Properties Demonstration

A beginner-friendly project created to practice and demonstrate various important CSS concepts through practical examples and mini visual demonstrations. Th...

Digital Art Store

A creative frontend project built using HTML and CSS that allows users to explore colorful palettes, gradient backgrounds, and design inspirations for digita...

Interactive Photo Gallery

A responsive photo gallery project built using HTML and CSS, focused on practicing CSS transition effects and hover interactions. Features - Responsive mult...

Fidget Board

An interactive frontend mini project built using HTML and CSS, inspired by the idea of a virtual fidget board for playful user interaction. This project exp...

Coffee Creme & Crumbs

A responsive bakery and cafu00e9-themed e-commerce website built as a frontend practice project using HTML, CSS, and Bootstrap.

Spacex website Tailwind Clone

A responsive SpaceX-inspired landing page clone built with HTML and Tailwind CSS as a learning project. This project recreates key design elements of the Spa...

Dream Decor

A responsive front-end practice project built with HTML, Tailwind CSS, and JavaScript. Dream Decor showcases decoration themes for different events through a...

Website Colour Themes

Website Colour Themes is a small front-end practice project built to explore DOM manipulation, responsive design, and dynamic styling with JavaScript. Users...

Resume Builder

Resume Builder is a frontend web application that allows users to enter their personal, educational, and professional details through a form and instantly ge...

Typing accuracy checker

A beginner-friendly web application built using HTML, CSS, and Vanilla JavaScript that helps users evaluate their typing accuracy by comparing their input ag...

Table Generator

A beginner-friendly web application built with HTML, CSS, and Vanilla JavaScript that generates multiplication tables from 1 to 10 using nested for loops. Th...

JS Vowel Skip

A simple JavaScript project that removes all vowels from the user's input using nested while loops. This project was built to practice JavaScript fundamental...

JS Vowel & Consonant Counter

A beginner-friendly JavaScript project that counts the number of vowels and consonants entered by the user. This project was built to practice JavaScript fun...

JS longest word length

A beginner-friendly JavaScript project that finds the length of the longest word in user input. This project was built to practice JavaScript fundamentals, i...

JS-backticks-expressions

A JavaScript practice project focused on template literals (backticks), expressions, string methods, functions, and dynamic HTML generation.

Real-Estate-website

A modern, responsive real estate website for browsing and showcasing residential, commerci

HTML

JS-backticks-expressions

JavaScript practice project demonstrating template literals (backticks), expressions, func

HTML

JS-longest-word-length

A beginner-friendly JavaScript project that finds the length of the longest word in user i

HTML

js-vowel-consonant-counter

A beginner-friendly JavaScript project that counts vowels and consonants from user input u

HTML

JS-Vowel-skip

A simple JavaScript application that filters vowels from text using nested while loops wit

HTML

1-10-Tables

A beginner-friendly JavaScript application that generates multiplication tables from 1 to

HTML