Redesign agenda timetable about commudle-ng

[Ashwin-op]

Idea 1

Instead of showing time every 5 minutes, can we do something like this (Daily schedule part)? Here, the first column can be the different topics on which events take place, and first row can be the time in intervals of one hour.

References:

Idea 2

Here, the layout is like a card with details on each event.

References:

[arpansac]

These are some really cool layouts. So, the current layout has this hierarchy: Location > Track > Track Slots (this contains the speaker, topic, timing details, tags and links) Plus, people are able to mark some sessions as their favorites too. Keeping in mind those and also that we need something which is responsive (mobile friendly), the 2nd one is on the right side, but let's explore more.

…

On Tue, Jun 2, 2020 at 6:41 PM Ashwin ***@***.***> wrote: Idea 1 Instead of showing time every 5 minutes, can we do something like this (*Daily schedule part*)? Here, the first column can be the different topics on which events take place, and first row can be the time in intervals of one hour. References: <https://camo.githubusercontent.com/cc0b9de501734c7f06ab97b0e1c13c6d0150163a/68747470733a2f2f63646e2e6472696262626c652e636f6d2f75736572732f323031393334342f73637265656e73686f74732f363131393834322f30322d612e706e67> <https://camo.githubusercontent.com/ef247db8e453afce423813e14f5133ee4779b052/68747470733a2f2f692e70696e696d672e636f6d2f6f726967696e616c732f63372f32342f62622f63373234626235306330656539343034396435306332346464656138613265382e706e67> Idea 2 Here, the layout is like a card with details on each event. References: <https://camo.githubusercontent.com/c79d0d3c599380745e099476a3ad158aaaaa9a0e/68747470733a2f2f63646e2e6472696262626c652e636f6d2f75736572732f3839343832352f73637265656e73686f74732f343030313834382f6472696262626c652e6a7067> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACZJJAGPK7NN4XUGXLZMMQDRUT3AVANCNFSM4NQUNJYQ> .

[arpansac]

@Ashwin-op what do you think about the time table layout on this page: https://gdgx-event.web.app/speakers

[Ashwin-op]

It looks clean and elegant!

We can use some coloured background for the same. We can maybe keep a switch button to switch between https://gdgx-event.web.app/schedule and https://gdgx-event.web.app/speakers.

Okay, I'm going too much ahead!

[arpansac]

I think we should keep both speakers and schedule on one page. Let's get the schedule part done. If you're up for it, should I allocate this to you? Do post the components you'll be needing to make (as in the directory structure changes) before you start.

…

On Fri, Jun 5, 2020 at 8:59 PM Ashwin ***@***.***> wrote: It looks clean and elegant! We can use some coloured background for the same. We can maybe keep a switch button to switch between https://gdgx-event.web.app/schedule and https://gdgx-event.web.app/speakers. Okay, I'm going too much ahead! — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACZJJADDJU2L4MIEUGGD2SLRVEFL5ANCNFSM4NQUNJYQ> .

[Ashwin-op]

Sure!

I think we need two components one for

and one for

Also from where do the data for these views come from?

[arpansac]

Cool, here's my thoughts:

We have event locations > tracks > track slots

In the existing design also there's only 2 components, one for looping over locations (agenda) and then for tracks and track slots (event-location-tracks)

We could divided the components just as you said:

Locations in tabs (very few events have multiple locations (this could get converted to multiple days in the near future):

Each of these rows could be a component. one edge case, we'll need to group the sessions which might be running in parallel, by mentioning their track name along side.

Check this small demo I created for the earlier version of Commudle: https://youtu.be/QWOs2KGCJ2A?t=300

I made quite a similar design

[arpansac]

Should I assign it to you? @Ashwin-op

[Ashwin-op]

Sure!

[arpansac]

Any progress? Would love to take a sneak peek into the code

[arpansac]

ROUTINECHECK
Any progress? @Ashwin-op

[Ashwin-op]

Yes, I have made some progress! Will try to get it done by 10 days! 😁