search

Mayank0255 / Stackoverflow-Clone-Frontend

Clone project of a famous Q/A website for developers built using MySQL, Express, React, Node, Sequelize :globe_with_meridians:
https://stackoverflow-clone-client.vercel.app
MIT License
543 stars 207 forks source link

[Frontend]: Redesign The Top Questions Page #88

Closed Mayank0255 closed 2 years ago

Mayank0255 commented 2 years ago

It should look similar to this

image

BurhanRaja commented 2 years ago

Can I help you with this?

Mayank0255 commented 2 years ago

@BurhanRaja Ya sure, go ahead. Should I assign it to you?

BurhanRaja commented 2 years ago

Yes, but I am new to open source and collaborating with other people, so sorry in advance if I do anything wrong.

BurhanRaja commented 2 years ago

I will do my best.

Mayank0255 commented 2 years ago

@BurhanRaja Ya, that is ok, as anyways I will be reviewing the PR before merging it.

Assigning you, btw how much time do you think it will take you? (No pressure, just want to have an idea)

BurhanRaja commented 2 years ago

Yes, I will try submitting this in 2 to 3 days. Do I also need to write the logic for the actions or just update the HTML and CSS part.

Currently it is looking something like this. I have updated some HTML and CSS. Am I going in the right direction?

Screenshot (44)

Mayank0255 commented 2 years ago

@BurhanRaja

Okay, so among the filters, Interesting, Bountied and Hot wont be possible because the data that we have currently, so you dont need to add those.

In the filters, you can add 4 types, Today, Week, Month, and Year. You will need to implement that too.

The logic would be that first you be sorting based on date range, (Like if week is selected then you would get results of this week and then sort by top) Reference to how I have applied filters and sorting in Questions Page: https://github.com/Mayank0255/Stackoverflow-Clone-Frontend/blob/53b64c37981c618802547cd17483525532de83f0/src/pages/QuestionsPage/QuestionsPage.component.jsx#L79

And in HomePage, the description of the question won't be shown, but in QuestionsPage & SingleTagPage the description should also show, rest of the design will remain the same,

The answers block should look like this if there is an answer, image

ozair-dev commented 2 years ago

In the filters, you can add 4 types, Today, Week, Month, and Year. You will need to implement that too.

I will let Burhan do the Job. But if at any point, he faces any difficulty! I am here to help.

Mayank0255 commented 2 years ago

Ya definitely

BurhanRaja commented 2 years ago

@BurhanRaja

Okay, so among the filters, Interesting, Bountied and Hot wont be possible because the data that we have currently, so you dont need to add those.

In the filters, you can add 4 types, Today, Week, Month, and Year. You will need to implement that too.

The logic would be that first you be sorting based on date range, (Like if week is selected then you would get results of this week and then sort by top) Reference to how I have applied filters and sorting in Questions Page:

https://github.com/Mayank0255/Stackoverflow-Clone-Frontend/blob/53b64c37981c618802547cd17483525532de83f0/src/pages/QuestionsPage/QuestionsPage.component.jsx#L79

And in HomePage, the description of the question won't be shown, but in QuestionsPage & SingleTagPage the description should also show, rest of the design will remain the same,

The answers block should look like this if there is an answer, image

Ok, I got it.