enigma-protocol Breakdown client into components

Description Client is build with Vue.js that has support uses modular approach like Vue components. Currently, the client is a one big Vue file that contains all code. What I am thinking is to rebuild the complete client side using components, there can be two approaches.

Create a new frontend from scratch.
Convert the frontend into components one by one.

Interested contributors comment your approach to solve this issue. This is a one big issue, I will split it into many minor issues so that many contributors can contribute to it.

Jun 01 '23 14:06 PradyumnaKrishna

closes #13 closes #17 and closes #25 as a parent issue.

Jun 01 '23 14:06 PradyumnaKrishna

Hello, I would like to work on this issue under GSSoC'23 I would like to follow the approach of rebuilding the front end from scratch.

Jun 04 '23 18:06 Selwan7131

When I run the application and navigate to the chat route I get a buffer error is that normal? Do you have any idea how to fix it

Jun 04 '23 18:06 Selwan7131

Hello, I would like to work on this issue under GSSoC'23

Jun 13 '23 18:06 srivastavas07

I am looking to use these components to build the UI. @srivastavas07 can you do this? If you need any help I am ready for it. We can do this together if you want. We can use typescript with vue.js from now, to make it easier or if you want lets just use js.

Lets migrate components one by one, starting from message form. https://github.com/alamorre/react-chat-engine-pretty/blob/master/src/components/MessageForm.tsx

Jun 15 '23 16:06 PradyumnaKrishna

Each component will be one PR with level 3 and I am looking for as many contributors as possible. Thank you

Jun 15 '23 16:06 PradyumnaKrishna

I want to contribute to this problem!

Jun 15 '23 16:06 Selwan7131

Sure @Selwan7131, go ahead.

Jun 16 '23 04:06 PradyumnaKrishna

Can I work on this issue inder GSSOC '23 ?

Jul 10 '23 09:07 DEEKSHACodeaim

Sure @DEEKSHACodeaim, I will assign this to you as well.

Jul 10 '23 09:07 PradyumnaKrishna

@PradyumnaKrishna Can you explain as to what is left in this and what you expect me to work on in particular that will help me be more focussed. Thankyou

Jul 11 '23 10:07 DEEKSHACodeaim

@PradyumnaKrishna Can you explain as to what is left in this and what you expect me to work on in particular that will help me be more focussed. Thankyou

I will provide you more details on this in a few days.

Jul 12 '23 07:07 PradyumnaKrishna

I have created #78 that creates a messageForm component taking reference from https://github.com/alamorre/react-chat-engine-pretty/blob/master/src/components/MessageForm.tsx.

We can create more components like this that will have different properties. Look at this there are more components that we can include. https://github.com/alamorre/react-chat-engine-pretty/tree/master/src/components

I am looking to get new components that are:

[x] MessageForm
[x] Alert Component (For notification that will have a cross button)
[ ] Chat List Header (That will list chats)
[ ] Chat Messages
[ ] Chat Card (Sub component of Chat List Header)
[ ] Chat Header
[ ] User Info

@DEEKSHACodeaim if you have any question feel free to ask, I will provide help.

Jul 13 '23 03:07 PradyumnaKrishna

Please give me a week's time and I will update my progress to you. Thank you for assigning this task to me. I will contact you if I need further guidance

Jul 19 '23 07:07 DEEKSHACodeaim

Also could you please add the gssoc '23 and level labels. Thanks

Jul 19 '23 07:07 DEEKSHACodeaim

@DEEKSHACodeaim The alert component is #79 and already assigned, you are welcome to add another component. If you want I can create a separate issue for a component and assign it to you.

Jul 20 '23 02:07 PradyumnaKrishna

Ok, I will not work on the alert component then, I'll work on other components you had listed like the Chat List Header, chat Messages, etc. After I'm done with either I'll let you know if I can work on another as well. Could please tell me what level this issue comes under though?

Jul 20 '23 04:07 DEEKSHACodeaim

Every PR will be level3 that adds a component.

Jul 20 '23 07:07 PradyumnaKrishna

I have created #78 that creates a messageForm component taking reference from https://github.com/alamorre/react-chat-engine-pretty/blob/master/src/components/MessageForm.tsx.

We can create more components like this that will have different properties. Look at this there are more components that we can include. https://github.com/alamorre/react-chat-engine-pretty/tree/master/src/components

I am looking to get new components that are:

[x] MessageForm

[ ] Alert Component (For notification that will have a cross button)

[ ] Chat List Header (That will list chats)

[ ] Chat Messages

[ ] Chat Card (Sub component of Chat List Header)

[ ] Chat Header

[ ] User Info

@DEEKSHACodeaim if you have any question feel free to ask, I will provide help.

@PradyumnaKrishna which component are remaining that i can work on please assign me

Jul 22 '23 19:07 Nishitbaria

@Nishitbaria I am working on the Chat and user components

Jul 22 '23 19:07 DEEKSHACodeaim

@DEEKSHACodeaim ,multiple pr will be made for this ,so dont worry

Jul 22 '23 19:07 Nishitbaria

@Nishitbaria you can definitely work on others, just wanted to let you know the ones I'm working on and assigned to me

Jul 22 '23 20:07 DEEKSHACodeaim

Alert and MessageForm components are completed.

Jul 23 '23 01:07 PradyumnaKrishna

@PradyumnaKrishna ,Which component are remainning which i can work?

Jul 23 '23 04:07 Nishitbaria

I guess you can work on chat header. The chat header will contain a user id only for now. We might add new feature over time. Also, look at the MessageForm to make the chat theme similar.

Jul 24 '23 11:07 PradyumnaKrishna

Hey, @PradyumnaKrishna I want to contribute in this project under hacktoberfest. Can you tell me if there is any component left that I can work on?

Oct 01 '23 04:10 Goheljay

Thanks @Goheljay for your interest in this issue.

Yeah, you can work on user-info card, where username is located and a input for start a chat. Other component would be chat list and chat card, you can work on any of them.

Oct 01 '23 05:10 PradyumnaKrishna

Hi @PradyumnaKrishna I am also interested in contributing, can I pick a component?

Oct 01 '23 15:10 Tizzz-555

Welcome @Tizzz-555, This is the list of unimplemented components till now, you are welcome to add any.

[ ] Chat List Header (That will list chats)
[ ] Chat Messages
[ ] Chat Card (Sub component of Chat List Header)
[ ] Chat Header
[ ] User Info

Feel free to ask any questions.

Oct 01 '23 15:10 PradyumnaKrishna

Hey! Would I be able to work on one of these components?

Oct 02 '23 14:10 tara-matthew