voidbg [Final Semester Project]

Project Overview

A modern web application that allows users to manage their photo gallery with an intelligent background removal feature. Users can upload, organize, and enhance their images with automatic background removal capabilities using voidbg.

TODO List

1. Project Setup

• Initialize project with Next.js and TypeScript
• Set up project structure and directories
• Configure Prettier and ESLint
• Set up CSS framework (Tailwind CSS)
• Create basic component architecture
• Set up theme provider and dark mode support

2. Core Features

• Image Upload System

  • Basic file upload implementation
  • Drag and drop interface
  • Multiple file upload support
  • Progress indicator
  • File type validation (basic implementation)

• Gallery Management

  • Grid view of uploaded images
  • Basic image preview functionality
  • Sorting and filtering options
  • Folder/album organization

• Background Removal Feature

  • Integration with background removal API
  • Preview of processed images
  • Option to adjust/fine-tune results
  • Batch processing capability

3. User Interface

• Responsive layout design (basic implementation)
• Navigation system
• Image card components
• Basic loading states
• Basic error handling UI
• Success/failure notifications

4. Backend Integration

• Set up API routes (basic implementation)
• Image storage system (using uploadthing)
• Background removal service integration
• Image processing queue system
• Basic error handling and logging