Add sitemap for the site to improve SEO

• use gatsby-plugin-advanced-sitemap
• add a link to sitemap add bottom of the page

Rationale

cypress is an end-to-end testing framework that is JS-centered, thus it is easy to used for JS developer.

With cypress, we can:

• setup end-to-end testing to make sure our change will not impact website functionality
• setup automatic accessibility auditing using cypress-axe.
• provide opportunities for community members to write end-to-end tests.

Considerations

1. As cypress is heavy, including it as devDependencies would cause setup project too heavy. I would like to suggest everyone to install cypress globally when they want to run the cypress tests. For CI, add manual step to run npm install cypress
2. We can use start-server-and-test to start the site locally and then run the cypress against the dev server. For now, don't setup test against the production site yet. If you want to try, [this article] seems like a good reference.
3. I've setup cypress testing in my personal website, you can refer how I do it. However, I've included cypress as devDependencies in that project, which is not what we want to do here.

Let's Pair Program

If you interested just comment on this issue, it's totally okay if you never contribute to any project. I can setup a screen-sharing with you to pair-program together.

We need a list of previous talks and their description with speakers and resources etc.

The content would just like the meetup details page (see example), but no time is required.

Additional info (open for discussion):

• which meetup that talk was given
• the date the talk was given

This issue is used for polling, it's not really an issue.

These are all the talk topics that you can vote on. Use thumb-up to vote a topic.

Note when adding new topic

Please follow the same format, which is like below:

### Title
<Your talk topic>

### Description
<talk description>

Redesign of the schedule for meetup like below.

Desktop view

Mobile view

Currently we host the images in this repo, which will make the size of the repo increases as time goes.

I'm thinking of use s3 to host the images, but still figuring out how to do that.

Currently this repo use gatsby-source-twitter, which requires twitter token, causing higher barrier for new contributor.

We should make the plugin to be configurable so that it is usually excluded unless specified. This would make it much easier to contribute to this repo.

New page to allows community to vote on the idea that they interested for next meetup.
This would help the talks in the meetup more relevant to the participants.

Details (open for discussion)

• only care about thumb-up and display the count as vote
• can assume the content for each topic follow the same format
• each topic has a link that will link to #5 (ideally anchored to that specific comment)
• have a simple way to show people how to vote in the github ui (a gif?)

The current photo gallery kind of sucks, just list of photos.

Example:
https://www.kl-react.com/event/august-2019

Ideally photo gallery should

• show only small thumbnail
• able to expand a specific photo with a modal

Well, just because we can.

Since we using theme-ui, see this https://theme-ui.com/color-modes

• Add "This Month on React" section in event page that list all the links pointing to the news shared during the session
• Add "This Month on React" page that consolidates across meetups

As we're moving towards Facebook for future event tracking, we should source event details from Facebook too.

To-Do:

1. Analyze the details sourced from Meetup at the moment
2. Find out how to source events data from Facebook