📝 Description
Users often want to quickly check their own stats or jump between a few friends' profiles. Instead of forcing them to re-type the username every time, we should save their successful searches locally.
🎯 What needs to be done
When a user successfully generates a dashboard, save that username to an array in the browser's localStorage. On the homepage, if localStorage has recent searches, display them as small, clickable "chips" or a dropdown below the main input field.
📍 Where to look
app/components/HeroSection.tsx (Where the search input is located).- You may need to create a custom React hook (e.g.,
useLocalStorage) to handle hydration safely in Next.js without throwing hydration mismatch errors.
✅ Acceptance Criteria
📝 Description
Users often want to quickly check their own stats or jump between a few friends' profiles. Instead of forcing them to re-type the username every time, we should save their successful searches locally.
🎯 What needs to be done
When a user successfully generates a dashboard, save that username to an array in the browser's
localStorage. On the homepage, iflocalStoragehas recent searches, display them as small, clickable "chips" or a dropdown below the main input field.📍 Where to look
app/components/HeroSection.tsx(Where the search input is located).useLocalStorage) to handle hydration safely in Next.js without throwing hydration mismatch errors.✅ Acceptance Criteria
localStorage.localStoragestate.