Skip to content

Feature/issue 54 scroll to top#58

Open
Jaanvichouhan34 wants to merge 2 commits into
asheesh109:mainfrom
Jaanvichouhan34:feature/issue-54-scroll-to-top
Open

Feature/issue 54 scroll to top#58
Jaanvichouhan34 wants to merge 2 commits into
asheesh109:mainfrom
Jaanvichouhan34:feature/issue-54-scroll-to-top

Conversation

@Jaanvichouhan34

@Jaanvichouhan34 Jaanvichouhan34 commented May 27, 2026

Copy link
Copy Markdown

Summary

  • Added a reusable Scroll‑to‑Top button with premium glass‑morphism styling and smooth scroll animation. Integrated the component globally in the layout.

Related issue

Implementation notes

  • New component: src/components/layout/ScrollToTop.jsx – shows after a scroll threshold, animates on hover, and scrolls the page to the top when clicked.
  • Layout integration: Imported and rendered <ScrollToTop /> in src/app/layout.jsx so the button appears on every page.
  • Styling: Uses CSS variables for theme colors; includes subtle scaling hover effect.
  • No new dependencies – relies only on native browser APIs.

Checklist

  • Tests added/updated (all existing tests pass; 84 / 84)
  • Documentation updated (README entry added)
  • CHANGELOG updated (entry: “Add Scroll‑to‑Top button”)

Screenshots (if applicable)

Before

SS 3

After

SS AFTER(https://github.com/Jaanvichouhan34/KisanAI/raw/main/media/scroll-to-top.png)

SS 2

Summary

Implemented a global Scroll‑to‑Top UI component to improve navigation on long pages. This enhances user experience without affecting existing functionality.

Related issues

Type of change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor

Checklist

  • Tests added/updated
  • Lint and type checks pass
  • Docs updated (README)
  • PR linked to an issue (this comment)

How to test

  1. Run the test suite
    npm install
    npm run test

@vercel

vercel Bot commented May 27, 2026

Copy link
Copy Markdown

@Jaanvichouhan34 is attempting to deploy a commit to the ashishparab03-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Karanjot786

Copy link
Copy Markdown

Hey @Jaanvichouhan34! Saw your work on GSSoC 2026.

We are building TermUI, a TypeScript terminal UI framework with React-style hooks and JSX, rendered entirely in the terminal.

We have 67 unassigned GSSoC issues open. 19 are marked good first issue. Your JavaScript background transfers directly.

Karanjot, TermUI maintainer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add a Scroll to Top Button

2 participants