Issued Dev

Improved the New Order Page to be neater, and better themed along the colour scheme

Rename admin-product to products and refactor CSS, controller, and views.

Updated class names and CSS variables, added .no-product-grid and .dashed-break styles.

Simplified image loading logic in the product preview controller, and replaced large inline layout styles with external stylesheet includes.

Add brand colors, badge styles, and redesign pagesAdd brand color variables, badge styles, and a full redesign of design pages with responsive layouts, fixed redirect stuff, optimised by using one erb engine call for designs

Dropdown Styling & Component Replacement
The design form’s dropdown interface was overhauled to improve visual consistency and user experience. A native <select> element was replaced with a custom-styled solution using 3ab7405, allowing for greater flexibility in aligning with the project’s aesthetic goals. This change ensures smoother integration with the overall theme and avoids browser-specific styling quirks.

CSS Refactoring & Theme Variables
Design form styling was fully refactored in 928b7b0, introducing global theme variables to streamline color, spacing, and typography management. This move simplifies future theme adjustments and promotes code reuse. Model defaults were also standardized to reduce redundancy in form initialization logic, making the codebase more maintainable.

Admin Test Redirects
In 2af0071, the admin test workflow was updated to automatically redirect to the products list URL after test submissions. This improves user navigation by providing immediate feedback and next steps, ensuring a cohesive backend experience.

Current Status
The frontend is now more thematically consistent, with design forms serving as a primary focus area. Admin workflows are being optimized for clarity and efficiency, though backend test processing logic remains pending integration. The codebase is gradually adopting a modular structure, particularly for UI components and configuration.

Things Learnt

• Custom dropdowns using CSS and JavaScript offer better cross-browser compatibility than styling native <select> elements.
• Theme variables significantly reduce the effort required for UI adjustments, especially as the project scales.
• Redirects in admin flows should be designed with user context in mind to avoid confusion.

Project Summary: Admin & Infrastructure Progress

Key Milestones & Features Built

• 🛠️ Admin Product Management UI: Added a full admin interface for product management, including preview capabilities, environment variable integration, and updated order flow logic. This enables admins to efficiently manage product listings and track orders.
• 🆓 Privacy Enhancements: Implemented a “hide PII” controller to anonymize user data in the UI, ensuring sensitive information is protected in user-facing tables.
• 🧪 Product Cost Handling: Validated GBP pricing logic for products, ensuring accurate cost handling in the British Pounds currency.
• 🛠️ CI/CD & Dependency Updates: Configured PostgreSQL in CI pipelines, updated database URLs, and bumped Ruby gem versions to ensure a stable, up-to-date environment.
• 🎨 Styling Cleanup: Replaced inline styles in admin views with stylesheet_link_tag imports, improving maintainability and separation of concerns.

Current Status
The project now has a functional admin dashboard for product and order management, with privacy features baked into user data displays. Infrastructure is PostgreSQL-ready in CI, and styling practices align with modern Rails conventions. Core e-commerce logic (pricing, currency) is under testing, with environment variables streamlining configuration.

Lessons Learned

• Privacy by Design: Integrating PII protection early simplifies compliance and reduces technical debt.
• Infrastructure as Code: Automating PostgreSQL setup in CI saves manual effort and reduces environment inconsistencies.
• Maintainable Styles: Moving to external stylesheets improves collaboration and long-term code hygiene.

Order Page Started

• Created a functional order page
• Currency Handling: Explicit GBP validation highlights the need for clear financial logic in order systems.

Replace admin view inline styles with stylesheet_link_tag importsRemoved large embedded CSS from multiple admin templates and switched to external stylesheet links for consistency and maintainability.

Add CurrencyConvertible include and cost conversion helpersInclude CurrencyConvertible in ApplicationHelper and Product, add cost_usd and cost_gbp methods, remove obsolete gbp_to_usd, usd_per_gbp and fetch_usd_conversion_rates, rename cost column comment, and adjust product inheritance.

Update README, moved CSS files, fixed issues between pages (styling)Include planning file entry, revise README wording, and remove dashboard and notifications stylesheet files.

feat(database): migrate from SQLite to PostgreSQL and switch to Redis infrastructure- replace sqlite3 with PostgreSQL database adapter in Gemfile and config

• configure Redis for caching, Action Cable, and Active Job instead of Solid adapters
• add guide attribute to User model for onboarding flow control
• implement user existence validation in ApplicationController
• refactor CSS architecture by moving stylesheets to components directory
• create shared designs.css stylesheet for design pages with responsive styling
• update todo partial to check guide flag before displaying onboarding prompts
• add migration for guide column on users table

Key Milestones & Features
The project has made solid strides in building out core admin functionality and refining user interactions:

• Admin Controller Tests: Comprehensive tests for the dashboard, orders, and products controllers were added, ensuring reliability and laying groundwork for future expansions.
• Form Submission Control: A disable button feature was implemented in the design-form component to prevent multiple submissions, improving UX and reducing backend load.
• Dashboard Updates: The dashboard_controller.rb received updates (specifics pending documentation), likely enhancing core admin workflows.

Current Status
The admin interface is shaping up with test-covered controllers and polished frontend interactions. Testing prioritization suggests a focus on stability, while form improvements reflect attention to user-centric details. The project appears in an active development phase, with July 2026 commits indicating recent momentum.

Things Learnt

• Test-Driven Practices: Adding controller tests early highlights the team’s emphasis on maintainable, scalable code.
• Form UX Nuances: Disabling submission buttons during processing is a small but impactful tweak to prevent errors and improve responsiveness.
• Documentation Gaps: The vague “Update dashboard_controller.rb” commit underscores the importance of descriptive commit messages for clarity in collaborative projects.

fix(auth): update product params to include thread_cost instead of cost_gbp - replace deprecated cost_gbp parameter with thread_cost in product creation/update - adjust database migration to add thread_cost column to products table, added shop, added notification page

Used claude to brainstorm colour schemes and layouts. Created this new dashboard design and transitioned the rest of the site to follow the colour scheme

Add design image gallery with viewer page- Add image route, controller action, and full-size viewer template

• Add gallery grid on show page with hover overlays and timestamps
• Fix partial render syntax (collection with as: :image)

Summary
Major update: background removal, UI improvements, model fixes, and CI stability.
Changes

• Added RemoveBackgroundJob with rembg CLI for automatic background removal
• Created Image and DesignEditSession models; updated schema comments
• Added brand.css and regulated form partial for new/edit designs
• Added dark mode support and image preview scaling
• Enabled PostgreSQL extensions; switched dev DB to SQLite
• Removed stale migrations (verified, trust columns from users)
• Cleaned up model validations and associations
• Fixed CI test suite with updated fixtures
• Removed node_modules from git; added to .gitignore
• Removed unused editor and dashboard views
• Updated Gemfile/Gemfile.lock dependencies