feat(web): add Next.js frontend with conversion history persistence#36
Open
szj2ys wants to merge 1 commit intoBIT-DataLab:mainfrom
Open
feat(web): add Next.js frontend with conversion history persistence#36szj2ys wants to merge 1 commit intoBIT-DataLab:mainfrom
szj2ys wants to merge 1 commit intoBIT-DataLab:mainfrom
Conversation
Add complete Next.js 16 + React 19 frontend for EditBanana: - Landing page with Hero, Upload, Features, and Example Showcase sections - File upload with drag-and-drop support - Real-time conversion progress tracking via WebSocket - Conversion history persistence using localStorage - Track pending/completed/failed/cancelled conversions - Download previous results without re-uploading - Remove individual items or clear all history - Max 50 items with automatic FIFO eviction - Responsive design with Tailwind CSS and Framer Motion animations - Vercel Analytics integration Technical details: - React Context for history state management - Custom useConversionHistory hook with localStorage persistence - HistorySection component with status icons and download links - API integration for file upload, job status, and result download
szj2ys
pushed a commit
to szj2ys/Edit-Banana-1
that referenced
this pull request
Mar 14, 2026
Merged example images feature from PR BIT-DataLab#35 with history persistence from PR BIT-DataLab#36. Features combined: - Real example images in showcase (/examples/*.jpg, *.png) - History persistence with localStorage - History navigation link in navbar - Conversion history tracking in upload section
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds complete Next.js 16 + React 19 frontend for EditBanana with conversion history persistence using localStorage. This reconciles the frontend codebase with the backend repository.
Changes
Frontend Foundation
Core Features
History Persistence (Key Feature)
types/history.ts: Type definitions for history itemshooks/use-conversion-history.ts: localStorage-backed history managementcomponents/history/conversion-history-provider.tsx: React Context providerapp/sections/history-section.tsx: Full UI with animationsUser Value
Technical Architecture
Verification
npm run buildNotes
This PR merges the previously separate frontend repository into the main codebase, establishing a unified full-stack project structure.