Add scroll to top button feature

[Prasanna-Ellur]

Summary

Added a smooth scroll-to-top button feature to improve website navigation and user experience. The button appears after the user scrolls down the page and smoothly scrolls back to the top when clicked. Added responsive styling and integrated the feature into the existing frontend structure.

Related Issue

Closes #660

Type of Change

• Bug fix — resolves a broken behaviour
• [✔] Feature — adds new functionality
• Data — adds new projects to data/projects.json
• Documentation — updates docs, README, or code comments only
• [✔] Style — CSS or visual changes only, no logic change
• Refactor — restructures code without changing behaviour
• Test — adds or updates tests

What Was Changed

File	Change Made
templates/index.html	Added scroll-to-top button HTML structure
static/css/style.css	Added styling for floating scroll button
static/js/script.js	Added smooth scroll-to-top functionality using JavaScript
static/Back-to-top.png	Added custom scroll button icon asset

How to Test This PR

1. Clone this branch:

   git checkout add-scroll-top-button
   

2. Install dependencies:

   pip install -r requirements.txt
   

3. Run the application:

   python app.py
   

4. Open: http://127.0.0.1:5000
5. Scroll down the webpage.
6. Verify that:
   • The scroll-to-top button appears after scrolling
   • Clicking the button smoothly scrolls to the top
   • The button is responsive on mobile and desktop

Test Results

All functionality tested successfully in browser. Scroll-to-top button appears and works as expected.

Screenshots

Before	After
No scroll-to-top button	Scroll-to-top button appears on scroll

Self-Review Checklist

• [✔] I have read CONTRIBUTING.md and followed all guidelines
• [✔] My branch name follows the convention
• [✔] I have tested the feature locally
• [✔] I have not introduced any console.log() debug statements
• [✔] I have not modified files outside the scope of the linked issue
• [✔] I tested the UI on desktop and mobile layouts

Notes for Reviewer

Added a lightweight frontend enhancement without affecting existing application logic or backend functionality.

[vercel]

@Prasanna-Ellur is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your first pull request to DevPath.

Before review:

• Complete the PR template fully
• Ensure all tests pass
• Link your PR to an issue
• Keep changes scoped to the issue

A maintainer will review your contribution soon.