ArnabChatterjee20k / PickPalette-PaletteFromImage

https://www.producthunt.com/posts/pickpalette
20 stars 19 forks source link

Better UI/UX for the feedback section #18

Open ameyakhyati opened 5 months ago

ameyakhyati commented 5 months ago

image

This is how the current feedback section looks and I feel like we can implement a better layout for the same by adding some more info to each feedback like name , and a profile pic element. This would further increase the credibility of the feedbacks

ArnabChatterjee20k commented 5 months ago

I am assigning this issue to @ameyakhyati How are you planning to change this ui? Make a design first probably figma and paste in this thread

ArnabChatterjee20k commented 4 months ago

@ameyakhyati any updates? Already 3 days passed. If no updates by today then I am bound to unassign you

ameyakhyati commented 4 months ago

Hello, sorry for being not active, my mid-sems are going on, and as for the UI/UX design of the page, I was thinking something like this. Feedback-Ui-UX

ameyakhyati commented 4 months ago

Um in the picture while u can see that there's a change in the website color palette, but i have no intention of changing it, it's just i thought that making the feedback box a little lighter would make it look better, but if you have any other suggestions then please do tell :). Also thank you very much for your patience. I appreciate it a lot.

ArnabChatterjee20k commented 4 months ago

Um in the picture while u can see that there's a change in the website color palette, but i have no intention of changing it, it's just i thought that making the feedback box a little lighter would make it look better, but if you have any other suggestions then please do tell :). Also thank you very much for your patience. I appreciate it a lot.

Its good . I can be more fine. Explore options

ameyakhyati commented 4 months ago

Okie, by tomorrow I'll explore some more designs and send them to you, then we can decide on which one to implement, is it alright?

ArnabChatterjee20k commented 4 months ago

Its fine. You take your time cause your mid sems are also going on. Just keep updating

ameyakhyati commented 4 months ago

hello, i was thinking something like this image

And also, i have been facing an issue while trying to locally deploy the website in my pc, all i am getting is a black website, do you think u can help me there?

ArnabChatterjee20k commented 4 months ago

Change the cards ui. Your ui is not looking consistent. Explore some feedback sections. And don't try to change all things at once. Rather start with the card one first

ArnabChatterjee20k commented 4 months ago

Due to no updates I am removing you from the assignee

BLANK-Zora commented 4 months ago

@ArnabChatterjee20k Hey there , if it is still unassigned , can i pick up the work of UI of feedback ? I have worked on react in past and some of my work is present on my github

ameyakhyati commented 4 months ago

Due to no updates I am removing you from the assignee

I understand and i sincerely apologize for not providing with updates, neither showing any activity regarding this project.

ArnabChatterjee20k commented 4 months ago

@ArnabChatterjee20k Hey there , if it is still unassigned , can i pick up the work of UI of feedback ? I have worked on react in past and some of my work is present on my github

I am assigning this issue to @BLANK-Zora Read the thread. Also provide me some ui samples about how are you gonna implment it Update me every 24 hours and deadline 36 hours

BLANK-Zora commented 4 months ago

@ArnabChatterjee20k Hey there , if it is still unassigned , can i pick up the work of UI of feedback ? I have worked on react in past and some of my work is present on my github

I am assigning this issue to @BLANK-Zora Read the thread. Also provide me some ui samples about how are you gonna implment it Update me every 24 hours and deadline 36 hours

Hey there , so I have implemented a card based review presentation

First Approach :-

image

Changes :- • Capped Card width • Grid display for review cards • Heading , review , author segregation

Second Approach : -

image

Changes :- • capped card width • Single row grid display • card switching onClick

Kindly check and suggest changes

ArnabChatterjee20k commented 4 months ago

@ArnabChatterjee20k Hey there , if it is still unassigned , can i pick up the work of UI of feedback ? I have worked on react in past and some of my work is present on my github

I am assigning this issue to @BLANK-Zora Read the thread. Also provide me some ui samples about how are you gonna implment it Update me every 24 hours and deadline 36 hours

Hey there , so I have implemented a card based review presentation

First Approach :-

image

Changes :- • Capped Card width • Grid display for review cards • Heading , review , author segregation

Second Approach : -

image

Changes :- • capped card width • Single row grid display • card switching onClick

Kindly check and suggest changes

The first one is great. I am assigning this issue to @BLANK-Zora Some add-on

BLANK-Zora commented 4 months ago

@ArnabChatterjee20k yea so after cloning the repo , i tried to run it on dev mode but all it is showing is white screen , i can on the local host . If possible can u guide me through it , then i will be able to implement the suggest changes immediately.

ArnabChatterjee20k commented 4 months ago

are you connected to the backend otherwise the data will not be shown? can you share the pic

BLANK-Zora commented 4 months ago

are you connected to the backend otherwise the data will not be shown? can you share the pic

so ig the main problem is that i am not connected to the backend , and i have setup the supabase profile with docker containers , but it seem there is some problem that i am not able to retrieve data , i am following the intended steps , but i some are causing errors .

ArnabChatterjee20k commented 4 months ago

are you connected to the backend otherwise the data will not be shown? can you share the pic

so ig the main problem is that i am not connected to the backend , and i have setup the supabase profile with docker containers , but it seem there is some problem that i am not able to retrieve data , i am following the intended steps , but i some are causing errors .

I am giving you a quick solution. Use some dummy data according to the feedback section

ArnabChatterjee20k commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee

BLANK-Zora commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee I have tried several methods to bootstart the application on my system. but have failed to do so , lemme send u the problem i am facing.

If you are able to help me out on this , i will be able to update the UI/UX within a day and send a pull request. Else we can see other method

And apologies for not updating on time , hectic schedule in this hot summer has got some deadlines off my head.

ArnabChatterjee20k commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee I have tried several methods to bootstart the application on my system. but have failed to do so , lemme send u the problem i am facing.

  • This is the output i am getting when i am starting the react application. My first impression was it was not loading due to some backend dispensaries not being integrated in my system image
  • Here is the code and run model that i got , of both backend and frontend , i did setup supabase aswell , yet nothing was changed. image

If you are able to help me out on this , i will be able to update the UI/UX within a day and send a pull request. Else we can see other method

And apologies for not updating on time , hectic schedule in this hot summer has got some deadlines off my head.

run the server... in the picture I can see you are not running the server

BLANK-Zora commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee I have tried several methods to bootstart the application on my system. but have failed to do so , lemme send u the problem i am facing.

  • This is the output i am getting when i am starting the react application. My first impression was it was not loading due to some backend dispensaries not being integrated in my system image
  • Here is the code and run model that i got , of both backend and frontend , i did setup supabase aswell , yet nothing was changed. image

If you are able to help me out on this , i will be able to update the UI/UX within a day and send a pull request. Else we can see other method And apologies for not updating on time , hectic schedule in this hot summer has got some deadlines off my head.

run the server... in the picture I can see you are not running the server

i did tried on server , same issue

ArnabChatterjee20k commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee I have tried several methods to bootstart the application on my system. but have failed to do so , lemme send u the problem i am facing.

  • This is the output i am getting when i am starting the react application. My first impression was it was not loading due to some backend dispensaries not being integrated in my system image
  • Here is the code and run model that i got , of both backend and frontend , i did setup supabase aswell , yet nothing was changed. image

If you are able to help me out on this , i will be able to update the UI/UX within a day and send a pull request. Else we can see other method And apologies for not updating on time , hectic schedule in this hot summer has got some deadlines off my head.

run the server... in the picture I can see you are not running the server

i did tried on server , same issue

What's the issue? Share the error that is coming

BLANK-Zora commented 4 months ago

@BLANK-Zora any updates? Otherwise I am removing you from the assignee I have tried several methods to bootstart the application on my system. but have failed to do so , lemme send u the problem i am facing.

  • This is the output i am getting when i am starting the react application. My first impression was it was not loading due to some backend dispensaries not being integrated in my system image
  • Here is the code and run model that i got , of both backend and frontend , i did setup supabase aswell , yet nothing was changed. image

If you are able to help me out on this , i will be able to update the UI/UX within a day and send a pull request. Else we can see other method And apologies for not updating on time , hectic schedule in this hot summer has got some deadlines off my head.

run the server... in the picture I can see you are not running the server

i did tried on server , same issue

What's the issue? Share the error that is coming

Rn am in college , i will be able to update by 7 in the afternoon if it's fine

BLANK-Zora commented 4 months ago

@ArnabChatterjee20k Here is the error image I have setup local env using supabase project id and key , still it is not working.

ArnabChatterjee20k commented 4 months ago

have you modified the .env file in the frontend?? Please go through the readme first

ArnabChatterjee20k commented 4 months ago

@BLANK-Zora any updates?

BLANK-Zora commented 4 months ago

have you modified the .env file in the frontend?? Please go through the readme first

yea no , i only introduced new env file to match the error's requirement to debug it ,else it was as it is and followed the readme instructions properly , sadly i am just not able to debug it and its not running after multiple attempts , sadly u can unassign me as i wont be able to test the compatibility on the real application