IndieCoderMM / IndieCoderMM/convoz-chat

feat: Implement Local Storage for User Settings [⭐3xp]

Open
#20 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement good first issue
Dominant language
TypeScript
Stars
1
Forks
5
PR merge metrics
No merged PRs in 30d

Description

Currently, our settings page has toggle switches that are only visual. The goal is to improve UX by adding the functionality to store and persist user settings.

🎯Expected Result

  • Implement local storage to store the current settings
  • When users click Save, the new state should be saved
  • Setting changes should persist across sessions and page reloads

💡Suggestions

  • Make a state object for each setting group
  • Store the state with a unique key (e.g Group Title) on Save
  • Modify ToggleButton to be interactive
  • Load the existing states and pass on/off props to ToggleButton

Feel free to ask any questions

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the settings page and inspect the ToggleButton and Save flow mentioned in the issue. Trace how setting groups are represented, then verify that saving, reloading, and starting a new session preserve the selected states.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.