Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better UI/UX for the feedback section #18

Open
ameyakhyati opened this issue May 14, 2024 · 29 comments
Open

Better UI/UX for the feedback section #18

ameyakhyati opened this issue May 14, 2024 · 29 comments

Comments

@ameyakhyati
Copy link

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
Copy link
Owner

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
Copy link
Owner

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

@ameyakhyati
Copy link
Author

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
Copy link
Author

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
Copy link
Owner

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
Copy link
Author

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
Copy link
Owner

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

@ameyakhyati
Copy link
Author

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
Copy link
Owner

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
Copy link
Owner

Due to no updates I am removing you from the assignee

@BLANK-Zora
Copy link

@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
Copy link
Author

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
Copy link
Owner

@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
Copy link

BLANK-Zora commented May 25, 2024

@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
Copy link
Owner

@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

  • Infinite scrolling for the feedback

@BLANK-Zora
Copy link

@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
Copy link
Owner

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

@BLANK-Zora
Copy link

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
Copy link
Owner

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
Copy link
Owner

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

@BLANK-Zora
Copy link

@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.

@ArnabChatterjee20k
Copy link
Owner

@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
Copy link

@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
Copy link
Owner

@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
Copy link

@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
Copy link

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

@ArnabChatterjee20k
Copy link
Owner

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

@ArnabChatterjee20k
Copy link
Owner

@BLANK-Zora any updates?

@BLANK-Zora
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants