Make a layout for FAQs in Flutter

dscnitrourkela / project-avocado

The project repository of the mobile app for Institute Counselling Services, NIT Rourkela.

https://play.google.com/store/apps/details?id=in.ac.nitrkl.scp.scp

MIT License

126 stars 45 forks source link

Make a layout for FAQs in Flutter #75

Open DesignrKnight opened 4 years ago

DesignrKnight commented 4 years ago

The present screen is made in Native Android. Re-make in Flutter.

Data would be fetched via API(not yet ready)

arbazdiwan commented 4 years ago

Hey @DesignrKnight, I would like to work on the issue #75. If you find my collaboration helpful, Please assign the same to me.

DesignrKnight commented 4 years ago

Thanks so much, @arbazdiwan for your enthusiasm

@Chinmay-KB will guide further

arbazdiwan commented 4 years ago

sure. should I contact him or he will reach out to me?

arbazdiwan commented 4 years ago

@Chinmay-KB, please reply asap.

Chinmay-KB commented 4 years ago

Sorry for the delayed response and thanks for your patience. The current FAQ screen is built in native java because back then flutter didn't have good richtext support. We have used appbase for search currently.

In the new version of FAQ, there are mainly 4 parts Search, Filter, Question, Answer

Each question will be having certain tags based on whcoh the results will be filtered.

IMG-20201004-WA0021

You can take inspiration from Google maps UI, if need be.

Appbase will be phased out by us and we'll be using our own API, so for the time being you can either work with dummy data or create a mock api (recommended).

The current app does not have any state management. If you have any any preference for a state management package then feel free to use that, but from our side we would recommend you to use Stacked for state management as we use that in our other projects.

If you have any more questions, feel free to hit us up!

Chinmay-KB commented 4 years ago

If you are clear, then it would be nice if you could share a low fidelity wireframe of how you're going to implement the UI

arbazdiwan commented 4 years ago

sure.

On Mon, 5 Oct 2020, 1:39 am Chinmay Kabi, notifications@github.com wrote:

If you are clear, then it would be nice if you could share a low fidelity wireframe of how you're going to implement the UI

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/dscnitrourkela/project-avocado/issues/75#issuecomment-703309003, or unsubscribe https://github.com/notifications/unsubscribe-auth/AF5PZSDKNQXFK4T2E3MHZH3SJDI55ANCNFSM4O37VXEA .

arbazdiwan commented 4 years ago

@Chinmay-KB , can you give me a sample of response from your API?

DesignrKnight commented 4 years ago

The API response will look something along the lines of

{ [ { Question: Answer: Topic/Category: }, {},{},{},{},{}, ] }

Chinmay-KB commented 4 years ago

Also, the answer will have a basic markdown, so that should render properly

arbazdiwan commented 4 years ago

Got it @DesignrKnight

@Chinmay-KB , can you please explain what kind of markdown will be there?

Chinmay-KB commented 4 years ago

Simple tags for bold, italics, bullet points, links

arbazdiwan commented 4 years ago

after solving a lot of build issues, I am able to successfully run the App (I think there should me steps written in readme.md file to configure the project).

I've received the OTP, it is asking me for roll number. Not accepting any random roll number.

What to do now? where to find and store this data?

please reply asap @Chinmay-KB , @DesignrKnight

DesignrKnight commented 4 years ago

Roll number format

111AB1234

DesignrKnight commented 4 years ago

Test Numbers