Web Programming

Practice Assignments

  1. Bus Tracking Website like https://chalo.com/
  2. Insurance Portal like https://www.policybazaar.com/
  3. Instant Quote for Car Insurance like https://www.icicilombard.com/motor-insurance/car-insurance
  4. Marketplace for Pre-owned cars like https://www.gigacars.com/
  5. Should I Get a House like https://shouldigetahouse.com/

  6. Loan Calculator like https://www.tescobank.com/loans/loan-calculator/
  7. Safe Painting Service like https://www.asianpaints.com/campaign/asian-paints-safe-painting-service/index-new-service.html
  8. Airline Flight Schedule like https://www.flygofirst.com/plan-my-trip/flight-schedule/
  9. Covid19 Tracker like https://www.covid19india.org/
  10. Simple Analog Clock like https://dev.to/code_mystery/simple-analog-clock-using-html-css-javascript-2c6a

  11. Casiophone instrument like https://codepen.io/manz/pen/KKmdjQZ
  12. Color Conversion HEX to RGB like https://www.webfx.com/web-design/hex-to-rgb/
  13. Color Strips like https://colours.neilorangepeel.com/
  14. Color Palette Generator like https://coolors.co/397367-63ccca-5da399-42858c-35393c
  15. HTML Color Picker like https://www.infobyip.com/htmlcolorpicker.php

  16. Create one simple HTML page with table, which contains 4 columns, Serial Number,State Name, Capital City of the State & its another City name other than Capital City . State Name row should be alternative colour. The table should be with border with different colour
  17. Create one Simple HTML page which have navigation bar with 6 links to 6 different pages. The sample example is given in below image. Also do the drop down in the Navigation Bar.
  18. Make a list of countries in a page. And apply search button such that if you type one letter of the Country it should sort the list according to the typed letter.
  19. Using the Pagination of Bootstrap create the Image Slider for the Indian cricket team members, with proper alignment of images. Here also implement the Previous & Next button to go to the previous or next image
  20. Using the
    tag & display the images one beside the other in a grid format.

  21. Do a image slider for the SangamOne team with images of Every employee. The images should be keep on rotating for a certain time. Use the Bootstrap templates for this. It should be responsive also.
  22. Do a form filling for a PUC Admission of a Student with his personal details along with option for uploading his Profile picture and also his 10th Marks, School information where he studied, along with form Validation
  23. Using the Bootstrap Modal & Navigation bar, do the Sign In form & Sign Up form for a Student in the University. The form should be with Validation.
  24. Work on a Bootstrap toggle button Yes/No. Here if you say Yes some part of the text in same page of HTML should display. If you say No, the same text should be hidden
  25. PSR & Sons, Mangalore have released a new collection of sarees called "Porlu". They want to show 8 shades of Red, 8 shades of Green and 8 shades of Blue in 3 web pages. They also have a special Rainbow Collection with Vibgyor colours. Prepare a website for Porlu range of sarees

  26. Mangalore Railway Station needs a website in 3 languages - English, Hindi and Kannada. User should be able to select any one language. Once selected the browser should be able to remember the selection. Next time, the website should show in selected language. Train Numbers and Timings will be the same in all languages. Train Names will be in 3 different languages. Use Google Translate if required.
  27. Create a simple website showing only the Calendar for 2018, January Month. Sundays should be shown in RED 07-Jan 14-Jan 21-Jan 28-Jan Makara Sankranti and Republic Day should be shown in RED 15-Jan - Monday 26-Jan - Friday Provide a button to change format such that the calendar comes in 2 different formats toggling each time. Format 1: Sun, Mon, Tue, Wed, Thur, Fri, Sat - shown Horizontally
  28. Design Home Page of a Bus Ticket Booking website Choose any template - KSRTC, Abhibus, Redbus Show Leaving From Show Going To Date Number of Seats
  29. Build a Website for Corporation Bank Net Banking Take User Id first. Ask user to accept Terms and Condition Take Password next Study the purpose of the soft keyboard
  30. Image you are having an event on 26-Jan-2018, Republic Day at 8 am - Build a Countdown Timer with Days, Hours, Minutes, Seconds - Give a beep when Timer reaches zero - Program the beep for different sounds

  31. Chess Federation of India has awarded a Project to our team to build a Website for their organization. You need to display the moves made by the players on a WebPage as and when they execute it Step 1 - Build a normal chessboard without CSS Step 2 - Build a normal chessboard using CSS Step 3 - Overlay the chess pieces - 2 rows for one player, 2 rows for another Step 4 - Take input from screen - first move by white player - e4 Step 5 - Show chessboard with the new move made
  32. Take 12 as input and display 12 different colours, one below the other Take 256 as input and display 256 different colours, one below the other
  33. Corporate website like https://www.xerox.com/index/enin.html
  34. FIFA World Cup Football like https://www.fifa.com/tournaments/mens/worldcup/qatar2022
  35. World Clock in 4 cities like https://www.timeanddate.com/worldclock/

  36. Build Chessboard without any pieces, then add Black and White pieces
  37. JavaScript - Count Number of Words in a Passage
  38. JavaScript - Removing unnecessary empty spaces using .trim()
  39. JavaScript - Split a sentence wherever $ is there. Join back in reverse order
  40. JavaScript - Generate 4 digit, 6 digit Random Numbers

  41. Digital Edition of a Magazine like Heartfulness
  42. Assignment