Introduction

This article discusses a common issue in applications using GitHub OAuth for authentication: inadvertently overwriting a user's existing token with one that has fewer permissions. We'll explore how to ensure the application preserves the user's original, broader-scoped token when requesting narrower scopes during subsequent logins.

The Problem

Many applications use GitHub

In user interface design, a common challenge is guiding users towards key actions without overwhelming them with options. A recent update to our application's /earn page focused on streamlining the initial user experience by replacing multiple call-to-action (CTA) buttons with a single, unified registration button.

The Problem with Multiple CTAs

Having separate buttons for "Login" and

Introduction

This post discusses recent improvements made to the theme preview functionality in our application. The focus was on optimizing the user experience by reducing the preview size and removing unnecessary UI elements.

Theme Preview Optimization

A key area of improvement was reducing the size of the theme preview. A smaller preview renders faster, especially on devices with

Introduction

Recently, we made a seemingly small change to our application's navigation, specifically related to the 'Earn' link. This modification involved adding a '$' symbol to the link across all supported languages. While simple, this update reflects our ongoing commitment to improving clarity and user experience.

The Change: Adding the '$' Symbol

The core of the update involved

Introduction

We aimed to enhance the user experience on our application's welcome page by replacing static theme links with an interactive, inline preview feature. This allows users to visualize theme changes directly without navigating to external sites.

The Challenge

Previously, users had to click on external links to preview different themes. This process was disruptive and

Filament is a powerful tool for rapidly building admin panels. A common requirement is displaying related data directly within a resource's edit page. Let's explore how to use Filament's relation managers to achieve this, enhancing the user experience and data accessibility.

Displaying Related Data with Relation Managers

Relation managers in Filament provide an elegant way to display and

Modern e-commerce platforms often leverage promotional codes to drive sales and enhance customer experience. Integrating these codes seamlessly into the checkout flow is crucial for maximizing their effectiveness.

Streamlining the Promotion Code Application

A well-designed checkout process should provide a clear and intuitive way for users to apply promotion codes.

We've recently made improvements to our application's statistics charts, focusing on providing a more relevant historical view and enhancing code reusability across the platform.

Defaulting to a Rolling 12-Month View

Previously, our developer growth and contribution activity charts displayed data for the current calendar year. This approach limited the ability to easily compare performance

Introduction

When presenting data to users, accuracy and clarity are paramount. This post addresses a recent adjustment made to improve the transparency of data displayed within our application, specifically concerning aggregated statistics.

The Challenge of "Total" Counts

Initially, our application displayed aggregate counts of items, such as commits and code reviews, with the label

We recently encountered a peculiar font rendering issue in our application where CSS font-family declarations within <style> tags were being improperly escaped. This resulted in the browser ignoring the intended font styles. Here's how we diagnosed and resolved the problem.

The Problem

When using Blade's {{ }} syntax to output the font-family CSS property, single quotes within the font