Functionality:This project is a complete one-page responsive website that caters to a restaurant’s online presence. It includes a sticky navigation bar, about us section, menu, Continue Reading
web dev
Web dev Project 8: Sticky nav bar
Functionality:Create a sticky navigation bar that changes color on scrolling Languages and concepts:1. HTML2. CSS3. Javascript: 1. window.addEventListener 2. scroll event reference 3. element.classList.toggle(classname, window.scrollY>0) Continue Reading
Web Dev Project 7: Piano
Functionality:This project a simple JavaScript piano that can be played using the mouse or keyboard. Languages and concepts: HTML CSS Javascript Javascript arrays .querySelectorAll(‘css selector‘) Continue Reading
Web Dev Project 6: Analog Clock
Functionality:An analog clock that displays the current time. Languages and concepts HTML CSS Javascript Date class (getHours(), getMinutes(), getSeconds()) element.style.transform Javascript template literals setInterval(function(), timeInMilliseconds) Continue Reading
Web Dev Project 5: Pass the message
Functionality:Through this program, the user can input some text in the text box which on clicking the ‘Submit’ button is displayed on the screen. It Continue Reading
Web Dev Project 4: Reviews Page
Functionality:This project is focused on displaying customer reviews. It shows the next and previous reviews on clicking the next and previous buttons. Additionally, the ‘Surprise Continue Reading
Web Dev Project 3: Random Quote Generator
Functionality:This project is a random quote generator. On clicking the ‘Inspire me’ button, the program displays a new quote on the screen. Also, on refreshing Continue Reading
Web Dev Project 2: Random Hexcode Generator and background color changer
Functionality:This program generates a random hex color code and sets the text ‘Hexcode’ and the page’s background color to the randomly generated hex code. A Continue Reading