Contacts for Cashu & Private message

[MSghais]

Description

Create a management of Contacts with NIP-5 and Nostr address. This component need to be added in the Private message, and Cashu Wallet. We already have the types and storage to used for the Contact type. We used Localstorage atm.

Screens of what we need to have:

[akintewe]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

As a Computer Science graduate with practical expertise in JavaScript and TypeScript, I'm enthused about this frontend development opportunity. My expertise includes experience with online apps and state management, which complements this contact management capability.

How I plan on tackling this issue

Starting with the existing contact types and localStorage implementation, I'd design a modular component structure that could be shared by the Private Message and Cashu Wallet interfaces. I intend to build a clean UI for contact management that will handle both NIP-5 and Nostr addresses with correct validation. The system would contain:

Contact list view with search functionality. Create/edit contact forms with field validation. Seamless connection with the existing local storage structure. ETA < 48 hrs Responsive design for desktop and mobile devices

[KevinMB0220]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi, I'm part of Dojo Coding. For this task, I will create a contact management component that supports NIP-5 and Nostr addresses. The component will be integrated into the Private Messaging and Cashu Wallet sections. I'll make use of the existing contact types and local storage as shown in the provided designs. The functionality will include adding, removing, and viewing contacts, ensuring a smooth user experience while handling Nostr profiles and related data.

[suhas-sensei]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

i have experience in blockchain previously as personal projects and OS, so hoping to make use of them here and mark my first odhack contribution

[jancris100]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I'm from dojo coding with 2 year of experience in differents backend Developer lenguage

How I plan on tackling this issue

1. User clicks “Add Contact”.

2. User fills in the details (Name, NIP-5, Nostr Address).

3. Data is validated and saved in LocalStorage.

4. Contacts List is updated with the new contact.

Selecting Contact in Private Messages or Wallet:

1. User opens the contact picker when sending a message or transaction.

2. Contacts stored in LocalStorage are displayed.

3. Upon selection, the Nostr address is automatically populated for the message or transaction.

[ShantelPeters]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have extensive experience in front-end development, particularly in building user interfaces that manage and display data effectively. My work with blockchain applications has equipped me with the skills to handle address management and local storage efficiently.

How I plan on tackling this issue

I will implement a contacts management component by leveraging existing types and local storage for data persistence. This will involve creating a user-friendly interface within the Private Message and Cashu Wallet sections to add, view, and manage contacts with NIP-5 and Nostr addresses. I will ensure the design aligns with the current application style, followed by thorough testing to guarantee functionality and usability.

[aniruddhaaps]

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am go dev. A new-comer here, willing and ready to contribute to contribute to solve the issue.