Private group screen, components

MSghais commented 3 weeks ago

Create a screen and components for Private groups with Admin management. Related to #39.

It can be split into different issues and PR.

[ ] Screen of Private Group
[ ] Hooks : (WIP and draft coming soon)
[ ] Component for Group messages, users, notes and admin.
[ ] Form for Admin of users
[ ] Form for users already accepted and not accepted
[ ] Statistic of the group

NIP details here:

https://github.com/nostr-protocol/nips/blob/master/29.md

ikemHood commented 3 weeks ago

Hey @MSghais can i work on this?

ShantelPeters commented 3 weeks ago

Hi @MSghais can I be assigned to this

onlydustapp[bot] commented 3 weeks ago

Hey @ikemHood! Thanks for showing interest. We've created an application for you to contribute to AFK - Aligned Fam Kernel. Go check it out on OnlyDust!

martinvibes commented 3 weeks ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

hello @MSghais i'm a frontend dev and i have skills in react, typescript, next.js, tailwind, sass, boostrap etc. i would love to work on this if i'm giving the oppotunity

How I plan on tackling this issue

To solve the issue of creating a screen and components for Private Groups with Admin management:

Design the Private Group Screen: Layout: Create a user-friendly interface for managing private groups. Sections: Include areas for group messages, users, notes, and admin controls.
Develop Core Components: Group Messages: Build a component to display and manage group conversations. User Management: Create a form for admins to manage users, including accepting or rejecting new members. Develop a form to display users who are already accepted and those pending approval. Statistics: Implement a section showing key metrics and statistics for the group.
Implement Admin Features: Provide robust controls for the admin to manage users and group settings. Integrate hooks (Work in Progress) to handle the dynamic functionality needed for these features.
Split Work into Issues/PRs: Break down the tasks into manageable issues and pull requests for efficient development and review.

onlydustapp[bot] commented 3 weeks ago

Hey @martinvibes! Thanks for showing interest. We've created an application for you to contribute to AFK - Aligned Fam Kernel. Go check it out on OnlyDust!

GoSTEAN commented 3 weeks ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I have experience in web development, Solidity, and React, with a focus on backend systems and smart contracts. These skills can be leveraged to build secure, scalable web applications that integrate blockchain technology with intuitive user interfaces.

How I plan on tackling this issue

To create a screen and components for Private Groups with Admin management, I will follow these five steps:

Step 1: Design the Private Group Screen Layout

Objective: Outline the overall layout and structure of the Private Group screen, including sections for group messages, users, notes, and admin management.
Action: Create wireframes or sketches to visualize the layout, ensuring that each component and section is clearly defined.

Step 2: Develop Individual Components

Objective: Break down the screen into modular components for easier development and testing.
Action: Create components for group messages, users, notes, and admin sections. Also, include forms for admin management, users' approval status, and group statistics.

Step 3: Create Hooks for Group Functionality

Objective: Define hooks to manage data fetching, state, and business logic related to the private groups.
Action: Outline the necessary hooks for handling group messages, user management, and admin tasks, and start working on them. This might be a work-in-progress (WIP) initially, with drafts to be completed later.

Step 4: Integrate Components and Hooks

Objective: Combine the components and hooks into the Private Group screen, ensuring smooth interaction between the UI and underlying logic.
Action: Implement the components into the screen, connecting them with the appropriate hooks for data handling and state management. Ensure that the screen functions as intended.

Step 5: Test and Split into Issues/PRs

Objective: Thoroughly test each component and the entire screen to ensure everything works correctly.
Action: Identify any issues, bugs, or areas for improvement. Split the work into different issues and pull requests (PRs) for better management, collaboration, and tracking of progress.

Supa-mega commented 3 weeks ago

hi @MSghais can i work on this i will be more than glad if given the chance to

onlydustapp[bot] commented 3 weeks ago

Hey @Supa-mega! Thanks for showing interest. We've created an application for you to contribute to AFK - Aligned Fam Kernel. Go check it out on OnlyDust!

Zeegaths commented 3 weeks ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I'm farmilar with react

How I plan on tackling this issue

Check the existing UI, pick a feature and implement it to match that

Benjtalkshow commented 3 weeks ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi @MSghais I’m available to work on the "Private Group Screen, Components #32" issue. My name is Benjamin, and I have 3 years of experience with Next.js, TypeScript, and frontend development. I’ve worked on various projects, including those on OnlyDust, where I tackled complex UI and component challenges.

How I plan on tackling this issue

Create Private Group Screen

Develop the Main Screen:

I will create the main screen for private groups, including UI elements to view and manage group details.

Build Components:

Group Messages: I will implement a component for displaying group messages.
Users and Admin: I will create components to manage group users, including accepted and pending members.
Statistics: I will add a component to show group statistics.

Admin Management Forms:

I will design forms for admin tasks, such as adding or removing users and configuring group settings.

Integrate NIP-29:

I will ensure the implementation adheres to NIP-29 specifications for relay-based groups, including handling group metadata, admin roles, and membership management.

Hooks Integration:

I will integrate hooks for group-related actions (e.g., fetching group data, managing user roles) as they become available.

Testing and Validation:

Local Testing: I will verify the functionality of all components and screens.
User Experience: I will ensure the UI is intuitive and meets the requirements for both desktop and mobile views.

onlydustapp[bot] commented 3 weeks ago

The maintainer MSghais has assigned martinvibes to this issue via OnlyDust Platform. Good luck!

MSghais commented 3 weeks ago

@martinvibes can you ping me in DM on Telegram, please? My handle is MSG_Encrypted

I need to assign another person to this issue, I can add to you another one ;)

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

hello @MSghais i'm a frontend dev and i have skills in react, typescript, next.js, tailwind, sass, boostrap etc. i would love to work on this if i'm giving the oppotunity

How I plan on tackling this issue

To solve the issue of creating a screen and components for Private Groups with Admin management:

1. Design the Private Group Screen:
   Layout: Create a user-friendly interface for managing private groups.
   Sections: Include areas for group messages, users, notes, and admin controls.

2. Develop Core Components:
   Group Messages: Build a component to display and manage group conversations.
   User Management:
   Create a form for admins to manage users, including accepting or rejecting new members.
   Develop a form to display users who are already accepted and those pending approval.
   Statistics: Implement a section showing key metrics and statistics for the group.

3. Implement Admin Features:
   Provide robust controls for the admin to manage users and group settings.
   Integrate hooks (Work in Progress) to handle the dynamic functionality needed for these features.

4. Split Work into Issues/PRs:
   Break down the tasks into manageable issues and pull requests for efficient development and review.

addegbenga commented 3 weeks ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Frontend engineer with 5+ years of experience in software development.

How I plan on tackling this issue

Develop main screen with UI elements for group management
Build components for:
- Group messages
- User/admin management
- Group statistics
Design admin management forms
Implement NIP-29 specifications for relay-based groups
Integrate hooks for group-related actions
Conduct local testing and ensure good user experience on desktop and mobile

onlydustapp[bot] commented 3 weeks ago

The maintainer MSghais has assigned addegbenga to this issue via OnlyDust Platform. Good luck!

AFK-AlignedFamKernel / afk_monorepo