1.

Online Resume Builder

 Input: Name, Education, Skills, Experience
 Real-time preview on the same page
 Allow color theme switch (dark/light)
 Print or download as PDF
 Responsive design for mobile view

2. Login Page with Validation

 Form fields with email & password
 Show/hide password toggle
 Email format validation
 Error messages for empty fields
 "Remember me" checkbox effect / Responsive layout (CSS Flex/Grid)
 Display avatar (file upload)

3. E-Commerce Product Page

 Display multiple product cards
 Add to cart functionality
 Quantity selector with price calculation
 Display cart summary
 Responsive layout using flex/grid

4. To-Do List App

 Add task input and button
 Mark task as complete
 Delete individual task
 Filter (All/Completed/Pending)
 Save tasks in local storage

5. Portfolio Website
 Sections: Home, About, Projects, Contact
 Smooth scroll navigation
 Project cards with hover effects
  Contact form with validation / Responsive Design
6. Recipe Card Generator
 Add recipe name, ingredients, steps
 Generate recipe card
 Upload image (optional)
 Save recipe to local storage
 Search bar to filter cards

7. Online Booking UI
 Input: Name, Date, Time
 Dropdown for service selection
 Booking summary popup
 Show available time slots
 Confirm booking with alert

8. Student Result Dashboard

 Input subject-wise marks
 Calculate total and average
 Display pass/fail status
 Show graphical bar chart
 Responsive card layout

9. Notes App
1. Add new note
2. Edit/delete note
3. Store in local storage
4. Search through notes
5. Display in cards with date

10. Hotel Room Booking Page

 Room types with price
 Date picker for check-in/out
 Select number of guests
  Summary section , Calculate total cost
11. Cart Management System
 Product card listing
 Add/remove items from cart
 Quantity update
 Show total price
 Cart saved in localStorage

12. Weather Dashboard (Mock Data)

 Display temperature, humidity, wind
 Select city dropdown
 Toggle Celsius/Fahrenheit
 Use icons for weather
 Responsive design

13. Music Playlist Manager

 List of songs (title, artist)
 Play/Pause (JS audio)
 Add/delete songs
 Playlist saved in localStorage
 Animated play bar

14. Student Attendance System

 List of names
 Checkboxes to mark present
 Filter present/absent
 Display attendance %
 Save to localStorage

15. Blog Post Page

 Display blog content
 Add comment section
 Like button with counter
  Search blogs by title
 Responsive content formatting
16. Expense Tracker
 Input for amount & category
 Add transaction list
 Total income/expense summary
 Delete transaction option
 Save in local storage

17. Digital Business Card

 Input fields: name, role, contact
 Live preview card
 Toggle themes
 Download card as image
 Responsive design

18. Image Gallery with Modal View

 Display thumbnail images
 Click to open full image in modal
 Next/Prev navigation
 Close modal on outside click
 Responsive grid layout

19. Static Job Listing Page

1. Display job cards (company, role)
2. Filter by category/location
3. Apply now button
4. Card hover effects
5. Pagination or Load More

20. Pricing Table UI

1. Three pricing plans
2. Highlight featured plan
 3. Hover effects on cards
4. Subscribe buttons / Responsive design
21. Product Rating & Review Form
1. Star rating
2. Input for name and comment
3. Display below product
4. Scroll to latest review
5. Form validation

22. Task Progress Tracker

1. Add tasks with status
2. Select progress %
3. Color-coded bars
4. Reset and delete options
5. Save in local storage

23. Basic Banking UI

1. Show account balance
2. Deposit/withdraw input
3. Show transaction history
4. Validate inputs

24. Daily Quote Generator

1. Click to get new quote
2. Display quote and author
3. Change background on quote load
4. Share to clipboard
5. Store favourites

25. Survey Form UI

1. Multiple input types (text, radio, checkbox)
2. Required field validation
3. Show preview on submit
 4. Reset form
5. Submit confirmation popup

26. E-Ticket Booking UI

1. Select event/show
2. Choose seat and time
3. Ticket preview
4. Confirm booking
5. Responsive layout

27. Memory Card Game UI

1. Card layout with icons
2. Click to flip and match
3. Count moves
4. Timer
5. Reset game

28. Book Search Interface (Static)

1. Input search box
2. Display results with title & author
3. Filter by category
4. Pagination
5. Book details on click

29. Quiz App (Static JSON)

1. Show question and options
2. Next/Prev navigation
3. Track score
4. Highlight correct answer
5. Display result at end

30. Donation Form UI

1. Amount input
 2. Select cause
3. Payment mode selector
4. Submit button
5. Confirmation popup
31. Patient Appointment Booking
 Select doctor and department
 Choose date and time slot
 Form validation
 Confirm booking popup
 Store booking in local storage

32. Doctor Profile Directory

 Display doctor cards
 Filter by specialization
 Search by name
 View profile popup
 Responsive grid layout

33. Medical Report Dashboard

 Upload report section
 List of uploaded reports
 Date filter
 View/download buttons
 Dark/light mode

34. Prescription Viewer UI

 Display medicine details
 Add/remove prescription items
 Print option
 Date selector
 Save to local storage

35. Online Blood Donation Request

  Form for donor/patient
 Blood type dropdown
 Urgency level indicator
 List of donors nearby (static)
 Request confirmation popup
36. Single Product Details Page
 Product image gallery
 Description and specs
 Add to wishlist
 Reviews section
 Buy Now button

37. Order History Page

 Table layout of past orders
 Status tags (Delivered, Cancelled)
 Download invoice button
 Search by order ID
 Date filter

38. E-Commerce Landing Page

 Hero banner with CTA
 Featured products carousel
 Benefits/features section
 Newsletter subscription form
 Responsive mobile-first layout

39. Wishlist Page UI

 Card layout of wishlist items
 Remove from wishlist
 Move to cart button
 Highlight low stock items
 Count total items
40. Medical Lab Test Booking Interface
 List of test packages
 Add to booking
 Select date/time
 Show preparation tips for each test
 Confirm booking button
41. Inventory Tracker for E-Commerce
 Table view of stock items
 Indicate low stock in red
 Add new item form
 Update quantity
 Sorting and filtering options

42. Sales Campaign Landing Page

 Banner with campaign name
 Limited-time offer countdown
 Highlight featured products
 Lead form for interest
 Social proof section (static testimonials)

43. Medical Appointment Calendar View

 Monthly calendar with marked appointments
 Click on a date to view patient list
 Add/edit appointment popup
 Color codes for different departments
 Navigation between months