Changelog

Redesigned Landing Page with Bento Grid

The lexilink landing page has been completely redesigned with a modern bento grid layout. Each grid cell highlights a key platform capability -- spaced repetition, class collaboration, multi-language support, and more -- with subtle animations and clear calls to action. The design is fully responsive, adapting from a multi-column desktop grid to a stacked mobile layout.

• Bento grid showcasing core features with icons and short descriptions
• Hero section with animated gradient background and primary CTA
• Social proof section with user count and testimonials
• Fully responsive across mobile, tablet, and desktop breakpoints

Contact Form with SMTP Email

Users and visitors can now reach us directly through a contact form on the website. Submissions are delivered via SMTP to our support inbox, with a confirmation email sent back to the sender. Form validation catches common issues before submission, and rate limiting prevents abuse.

• Contact form accessible from the marketing footer and dedicated /contact page
• Server-side email delivery using Nodemailer with the @hn-monorepo/email package
• React Email templates for consistent, styled confirmation messages
• Rate limiting to prevent spam submissions

Updated Pricing Page with Comparison Table

The pricing page now features a detailed comparison table so users can see exactly what each tier includes at a glance. Feature rows are grouped by category -- learning tools, collaboration, analytics, and support -- making it easy to find the plan that fits. Toggle between monthly and yearly pricing to see savings instantly.

• Side-by-side tier comparison with checkmarks and feature limits
• Category grouping for easier scanning
• Monthly/yearly toggle with highlighted savings percentage
• Direct upgrade buttons linking to Stripe Checkout

Blog Launch Preparation

The infrastructure for a lexilink blog is in place. Content is authored in MDX with frontmatter for metadata, rendered through a dedicated blog layout with table of contents, reading time estimates, and social sharing links. The first batch of posts covering study tips and platform guides is in draft.

• MDX-based blog with frontmatter for title, date, author, and tags
• Blog index page with search and tag filtering
• Individual post layout with table of contents and estimated reading time
• Open Graph and Twitter card metadata for social sharing

Newsletter Signup

A newsletter signup form is now embedded in the landing page footer and the blog sidebar. Subscribers receive platform updates, study tips, and feature announcements. The system integrates with our email infrastructure and includes double opt-in to comply with GDPR requirements.

• Signup form in the landing page footer and blog sidebar
• Double opt-in confirmation flow for GDPR compliance
• Welcome email sent automatically after confirmation
• Unsubscribe link included in every newsletter

Teacher Class Creation with Join Codes

Teachers can now create classes in seconds and share a unique join code with their students. No email invitations, no manual roster uploads -- students simply enter the code and they are in. Each class gets its own space for vocabulary sets, assignments, and announcements.

• One-click class creation with auto-generated 6-character join codes
• Regenerate codes at any time to control access
• Class settings for name, description, subject, and language pair
• Support for multiple classes per teacher with easy switching

Student Enrollment System

Students join classes by entering a join code on their dashboard. Once enrolled, they see all class materials, pending assignments, and announcements in a dedicated class view. Teachers can also remove students or transfer them between classes as needed.

• Join via code from the student dashboard
• Enrollment confirmation with class details
• Student roster visible to the teacher with role indicators
• Bulk enrollment support for importing student lists from CSV

Assignment Creation and Grading

Teachers can create assignments tied to specific vocabulary sets or custom content. Set a due date, choose the assignment type (study, test, or review), and publish it to the class. Submissions are collected automatically and grading is streamlined with a dedicated review interface.

• Assignment types: study completion, test submission, review target
• Due dates with optional late submission policy
• Auto-grading for test-based assignments using the test engine
• Manual grading with inline comments for open-ended work

Progress Reports for Teachers

A new teacher dashboard shows class-wide analytics at a glance. See which students are on track, who is falling behind, and which vocabulary items are causing the most difficulty. Export reports as PDF for parent-teacher conferences or administrative review.

• Class overview with average accuracy, completion rates, and study time
• Per-student drill-down with detailed learning metrics
• Vocabulary difficulty heatmap highlighting problem areas
• Exportable PDF progress reports

Real-Time Class Announcements

Teachers can post announcements that appear instantly on every enrolled student's dashboard. Use announcements for reminders, encouragement, schedule changes, or links to additional resources. Students can mark announcements as read to keep their feed clean.

• Rich text announcements with markdown support
• Instant delivery via Convex real-time subscriptions
• Read/unread tracking per student
• Pinned announcements that stay at the top of the feed

Stripe Integration

lexilink now has a complete billing system powered by Stripe. Payments are processed securely, and subscription state is synced in real time via Stripe webhooks. We handle all the edge cases: failed payments, plan changes mid-cycle, proration, and cancellations with grace periods.

• Stripe Checkout for a smooth, hosted payment flow
• Webhook handling for subscription lifecycle events
• Automatic retry logic for failed payment attempts
• PCI-compliant with no card data touching our servers

Four Subscription Tiers

We designed pricing to work for individual learners, power users, study groups, and entire schools. Each tier unlocks progressively more features while keeping the free tier genuinely useful.

• Free -- Up to 5 vocabulary sets, basic flashcard study, community templates
• Pro -- Unlimited sets, spaced repetition analytics, AI-powered features, priority support
• Team -- Everything in Pro plus shared workspaces, collaborative sets, and team analytics
• School -- Everything in Team plus seat-based licensing, admin dashboard, LMS integrations, and dedicated support

Flexible Billing Cycles

Subscribers can choose the billing cadence that fits their budget. Monthly plans offer flexibility, yearly plans come with a meaningful discount, and lifetime plans are available for those who want to invest once and learn forever.

• Monthly billing with no long-term commitment
• Yearly billing at a 20% discount
• Lifetime one-time purchase option for Pro and Team tiers
• Seamless plan switching with prorated charges

Billing Portal and Subscription Management

A self-service billing portal lets users manage everything about their subscription without contacting support. View invoices, update payment methods, switch plans, or cancel -- all from within the app.

• Stripe Customer Portal embedded in user settings
• Invoice history with downloadable PDF receipts
• Payment method management (add, remove, set default)
• Plan comparison table showing exactly what each tier includes

Seat-Based Pricing for Schools

Schools and institutions get a dedicated pricing model based on active seats. Administrators can add or remove seats as enrollment changes, and billing adjusts automatically at the next cycle. Volume discounts kick in at 50, 200, and 500 seats.

• Per-seat monthly or yearly pricing
• Admin dashboard for seat allocation and usage tracking
• Volume discount tiers for larger institutions
• Centralized billing with a single invoice for all seats

SM-2 Algorithm Implementation

The heart of lexilink's learning engine is now live. We implemented the SM-2 spaced repetition algorithm to schedule review cards at optimal intervals. Each vocabulary item tracks its own ease factor, interval, and repetition count, ensuring you spend time on the cards you actually need to practice.

• Ease factor adjusts dynamically based on your recall quality (0-5 scale)
• Review intervals grow from 1 day to months as you master material
• Failed cards reset to short intervals without penalizing your overall progress
• Algorithm state persisted per user per vocabulary item in the progress table

Flashcard Learning Modes

Studying is no longer one-size-fits-all. Choose between typing mode, where you type your answer and get instant feedback, or multiple choice mode, where you pick from four options. Both modes feed into the spaced repetition engine so your review schedule stays accurate regardless of how you study.

• Typing mode with fuzzy matching for minor spelling variations
• Multiple choice mode with intelligently generated distractors
• Flip-card mode for quick self-assessment
• Mode selection remembered per study session

Study Session Tracking and Analytics

Every study session is now recorded with detailed metrics. After completing a session, you see a summary of cards reviewed, accuracy rate, time spent, and which cards gave you trouble. Over time, the analytics page shows your learning trends, streak history, and mastery distribution.

• Per-session summary with accuracy breakdown
• Historical trend charts for reviews completed and accuracy
• Mastery distribution showing how many cards are at each SM-2 stage
• Study time tracking with daily and weekly totals

Adaptive Difficulty Levels

The platform now adjusts to your skill level. New vocabulary sets start at a comfortable pace, and the system ramps up difficulty as you demonstrate mastery. If you struggle with a subset of cards, those cards appear more frequently while easier ones space out further.

• Difficulty tiers: beginner, intermediate, advanced
• Automatic tier adjustment based on rolling accuracy over the last 20 reviews
• Manual override available if you want to challenge yourself
• Per-set difficulty independent of your global level

Six Languages, One Platform

lexilink is now fully available in six languages: English, German, French, Italian, Latin, and Arabic. Every page, label, notification, and error message has been translated across all locales. Whether you are a student in Berlin, a teacher in Lyon, or a Latin scholar in Rome, the platform feels native.

• English (en) as the source-of-truth locale
• German (de), French (fr), and Italian (it) for European coverage
• Latin (la) for classical language learners
• Arabic (ar) with full right-to-left layout support

Locale-Aware Routing

URLs now automatically reflect your language preference. The default locale (English) uses clean paths like /dashboard, while other locales get a prefix such as /de/dashboard or /fr/vocabulary. Switching languages preserves your current page and query parameters, so you never lose your place.

• Powered by next-intl with the as-needed prefix strategy
• Language detection from browser preferences on first visit
• Persistent locale stored in a cookie for return visits
• All internal links and redirects are locale-aware

Right-to-Left Support for Arabic

Arabic is a first-class citizen. The entire layout mirrors for RTL reading direction, including navigation, sidebars, cards, and form inputs. We use CSS logical properties throughout the codebase so that spacing, alignment, and flow adapt automatically.

• Automatic dir="rtl" applied at the layout level for Arabic
• Logical properties (margin-inline-start, padding-inline-end) replace directional CSS
• ICU plural rules handle Arabic's six plural forms correctly
• UI components from shadcn/ui tested and verified in RTL mode

Language Switcher

A new language switcher component is available in the header and navigation sidebar. It shows the current locale with a flag icon and lets you switch instantly. Both a dropdown variant and a compact icon-only variant are provided for different layout contexts.

• Dropdown variant for desktop navigation
• Icon-only variant for mobile and compact layouts
• Smooth transitions with no full-page reload

TypeScript Strict Mode Fixes

We resolved over 100 TypeScript strict mode errors across the entire lexilink codebase — Convex backend, UI components, hooks, and type guards. This brings the project to full strict: true compliance, catching bugs at compile time rather than in production.

• Fixed index signature access patterns across 50+ files
• Resolved undefined type handling in Convex mutation and query files
• Improved null safety in collaboration, feedback, and profile components
• Added proper type guards and fallbacks throughout shared utilities

Sentry Monitoring Integration

lexilink is now the first app in the hansenexus monorepo with full Sentry error monitoring. Errors are captured automatically with source maps, session replay context, and a tunnel route to avoid ad blockers.

• Error tracking with source maps for accurate stack traces
• Tunnel route at /monitoring to bypass ad blockers
• Configured via @hn-monorepo/monitoring shared package

Changelog Page

A new changelog page is now available to keep you informed about updates, improvements, and fixes. Accessible from the footer.

• Timeline-based layout with responsive design
• Dark mode support via your existing theme
• Rich content with MDX components