Is your feature request related to a problem? Please describe.
Implement the session/[session].tsx page

Describe the solution you'd like
should show details of the event session: speaker name, title of session, description, level, speaker's twitter handle, and a floating action button to share the session info

Additional context

Expo released Expo SDK 49 https://blog.expo.dev/expo-sdk-49-c6d398cdf740 and will drop support for SDK 48 in 3 months. We need to upgrade the Expo SDK to 49.

Is your feature request related to a problem? Please describe.
In the sessions/index.tsx implement a list that displays all sessions

Describe the solution you'd like

• should render a Days component
  • on the left render clickable text components each displaying a day
  • on the right a switch component as shown in the design
• clicking on the header icons should set the list state to either collapsed or not
• clicking on the filter button on the header should open a modal component

Notes

• Session card component should be either the small card that displays time, title, description, venue, and a favorite icon button
• session card can also be a full card as seen on the home page, with image and speaker avatars too

Additional context

• the list should either be collapsible or not which is controlled by the buttons in the header

collapsed: -

not collapsed:-

Is your feature request related to a problem? Please describe.
The session page as implemented now has some pending actions.

Describe the solution you'd like

1. Implement bookmark session functionality. When the star icon is pressed, add the session to users bookmarked sessions. in the sessions page when my sessions are toggled this session should be visible

2. Implement share button functionality for when the share button is pressed

3. Implement a navigate to twitter for when twitter handle is clicked.

Is your feature request related to a problem? Please describe.
Since we will not be adding Google signing for the upcoming event, we need to remove the authentication flow from the headers without removing the components as we shall implement the signing at a later date

Describe the solution you'd like
Current

expected

Additional context
Remember only to edit the headers. do not delete the components with the login icon

Is your feature request related to a problem? Please describe.
Implement a modal component as shown below

Describe the solution you'd like

• should allow the user to set level, topic, rooms, and session type filters
• clicking the filter button should close the modal and set the filters on the sessions page
• clicking cancel should close the modal

Additional context

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Add routing

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.

• Implement a Cards list that displays sessions in a horizontal, scrollable list.
• As shown in the design

Describe the solution you'd like
A clear and concise description of what you want to happen.

• limit the list size to 5 sessions
• order sessions by recent first
• add a Link to [session] page when the session title is pressed
• handle text if the session title is long
• Clicking View All should navigate to sessions

Additional context

• consider whether to use ScrollView or FlatList. Explain in PR
• add tests for the component

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Add light mode and dark mode.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
Implement the [speakers] page to display a grid view of the <SpeakerCard /> component

Describe the solution you'd like

• each speaker card should display an Image of the speaker, name, description, and session buttons
• clicking the session button should navigate to the [session] page

Additional context

Is your feature request related to a problem? Please describe.
Implement google sign in functionality to be called when a user clicks on the sign in with google button

Describe the solution you'd like

• consider using @react-native-google-signin/google-signin is a great library that provides smooth authentication with google while supporting modern react native architecture
• in also provides a GoogleSigninButton component ready to use. remember to use the right colors as per theme

Additional context

• PS - ofcourse this will require Google auth configuration with firebase

Is your feature request related to a problem? Please describe.
Implement the [speaker] page to display information about the speaker or organizing team member

Describe the solution you'd like

• should display an image, speaker/organizer badge, name of speaker/organizer, bio and twitter handle at the bottom

Additional context

Is your feature request related to a problem? Please describe.

• Implement a list that displays speaker images and names as seen on the design

Describe the solution you'd like

• limit the speakers to 15
• add a link to [speaker] page when the image is pressed
• handle text if the speaker name is long and center it
• each image should have a border as seen in the designs

Additional context

• add tests for the list component
• consider creating a reusable user card component

Describe the bug

After pressing the session card on the home screen or the sessions screen, we are navigated to the session details screen. However, pressing the back arrow at the top left corner of the session details screen does not work and instead throws this error The action 'GO_BACK' was not handled by any navigator.

To Reproduce

1. While on the home screen under the sessions section, tap on one of the cards
2. You should be navigated to the session details screen
3. Tap the back arrow at the top left corner of the session details screen
4. See error

Expected behavior

Tapping the back arrow should navigate you to the screen you came from

Screenshots

cc. @kharioki @brianwachira

Is your feature request related to a problem? Please describe.
Make the app multilingual

Describe the solution you'd like
Add a Kiswahili translation

Describe alternatives you've considered

Additional context

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Create reusable header component(s).

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
Implement a video player component as seen in this design

Describe the solution you'd like

• Hint: use expo-av to implement the video player with hidden controls
• consider adding a fullscreen player

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Add fonts to the project and typography

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.

• Create a Sessions Card and Sessions List component reusable on Home Screen and Sessions Screen

Describe the solution you'd like

• On Home Screen the Sessions Card and Sessions List renders this way
  

• On Sessions Screen the Sessions Card and Sessions List renders this way
  

• When you press the 2 dashes button on header of Sessions Screen, it renders Sessions Card and Sessions List this way
  

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.
This issue will enhance #19

Is your feature request related to a problem? Please describe.
Implement the feedback.tsx page as seen in design

• and the <FeedbackSentModal /> modal that displays once you send feedback as seen below

Describe the solution you'd like

• feedback page should include a reactions component, a textarea, and button
• Clicking on the Okay button should close modal

Additional context

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Create button components that will be used.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Describe the bug
The loading component on all the screens are not timing out and letting the components with the content appear. This occurs after I open the app the second time.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'home'
2. Scroll down to 'after video'
3. See error

Expected behavior
The relevant components should load below the video on home

Smartphone (please complete the following information):

• Device: [Redmi Note Pro 10]
• OS: [e.g. Android 13]

Is your feature request related to a problem? Please describe.

• We've implemented most of the reusable components and now we need a clear button with a badge counter on the right
• Also add unit tests to the button components

Describe the solution you'd like

Is your feature request related to a problem? Please describe.
Implement the about page as seen in the design

Describe the solution you'd like

• should display an image, description, and a grid view of the organizing team, and an organizers card
• consider reusing the image component that was used in the <SpeakersList /> component if it has been implemented
• clicking on the team member image should navigate to the [speaker] page

Is your feature request related to a problem? Please describe.
In the <SponsorsCard /> and <OrganizersCard /> components:

• implement a card that displays the event sponsors
• render logo images of sponsors/organizers and use necessary flex-wrap to handle displaying many sponsors in one card
• cards should have good paddings

Describe the solution you'd like

Additional context

• write unit tests for these cards

Hello Guys. Can I create a new design for the app to be more visually appealing? Start off by a figma design maybe...

I have tried scanning both qr codes and they won't load the app
Here is the post with the details
https://twitter.com/IanNGtt/status/1712336818148978817

Is your feature request related to a problem? Please describe.
Bringing it all together now:

• Should display VideoPlayer component
• Sessions list component
• Speakers list component
• Sponsors card
• Organizers card

Additional context
Should be done as the other features are implemented

Is your feature request related to a problem? Please describe.

• Implement a feed list view of feeds as seen in the design
• the list should be implemented in the <FeedsList /> component and import the component in the feed/index.tsx page

Describe the solution you'd like

• order the feeds to the most recent first
• write tests for the list component

Important

• clicking on the share button on each feed should open the bottom sheet and pass params to the bottom sheet
• only implement this part if you’re comfortable working with bottom sheet navigation

Additional context

Is your feature request related to a problem? Please describe.
Display logo on the left and an icon button on the right

• Clicking the icon button should open the Google sign-in modal

Describe the solution you'd like

• Implement the sign-in with Google modal logic

Additional context

Describe the bug

When logged out and on the login screen, pressing the login button on the top right of the screen does not open the login modal.

To Reproduce

Steps to reproduce the behavior:

1. While logged out, go to the Feed tab
2. Press on the login button on the top right of the screen
3. The login modal will not open

Expected behavior

The login modal should open

Screenshots

Additional context

We need to expose the GoogleSignInModal on the Feed screen.

cc. @kharioki @brianwachira

Is your feature request related to a problem? Please describe.
In some cases, we may have a broken slug field from session. Since we are using the slug to fetch session data, this may/will throw errors.

Describe the solution you'd like
Implement a Session Not Found view/screen for this.

Additional context

• you can add a redirect to either the home or sessions page

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

• Set up routing using Expo Router. This includes the screens Home screen, Home screen ( when not logged in ), About screen, Bio screen, Feed screen, Feedback Screen, Sessions screen, Session Details screen, Speakers screen

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
To test and display these components, we need some mock data.

Additional context

• this can be dummy data, or seeded data copied from the db

Is your feature request related to a problem? Please describe.
Up until now we've been working with and displaying mock data. We need to connect to the droidcon API and access the live data

Describe the solution you'd like

• Define API URLs and slugs in the constants.ts file
• use Tansatck Query to implement data fetching

Additional context

• use react content loader to implement skeleton loaders

Is your feature request related to a problem? Please describe.
Implement splash screen view

• consider the theme context and display a relevant splash image

Additional context

• light theme

• dark theme

Is your feature request related to a problem? Please describe.
The main container as of now has a nested scrollview that enables every screen to be scrollable. However certain screens like feed/index.tsx will require the main component to be a flatlist with methods that allow for pull to refresh

Additional context

• We can do it two ways, either handle scrollable props on main container or create a new container that does not have a scrollview child