obahareth / awesome-mena-conferences-and-meetups

A list of awesome conferences and meetups in the MENA region.

awesome-mena-conferences-and-meetups

A list of awesome conferences and meetups in the MENA region. This will hopefully join the awesome lists (but will also need a markdown version of all conferences and meetups, this could be generated via the JSON files).

For now, this is a Gatsby app that will be hosted on a website in the future.

Contents

• Conferences
• Meetups
• Running

Conferences

TODO: see issue #8

Meetups

TODO: see issue #8

Running

Install dependencies

yarn install

Testing

yarn test

Development mode

yarn develop

awesome-mena-conferences-and-meetups's Issues

Prettify website

This is blocked by #6.

I'm not that great with CSS, but I was thinking of just having two tabs in the main page, "Conferences" and "Meetups", where the default one is "Conferences" and they both just display all conferences and meetups for now (no need for any kind of pagination).

This might be a bit difficult with how I designed the conferences and meetups because they're Gatsby pages and I'm not sure if those are meant to be embeddable, perhaps they should be put into components, but I think we'd need to run the GraphQL queries differently then (perhaps StaticQuery?).

Simplify messy getJsonUrl function in json-fetcher.js

json-fetcher's getJsonUrl function is quite messy.

I used the chain of &&s to act as a "safe navigation operator".

Create a script(s) to update "Conferences" and "Meetups" sections README

This script should read from data/conferences/en.json and data/meetups/en.json and update a "Conferences" and "Meetups" section in the README, without affecting other sections in the README.

The idea is that this script would later be run automatically by CI and always keeps the README up to date, so that this repo can join the awesome lists (having everything in the README is a requirement).

Add categories or tags to conferences and meetups

The idea is to tag/categorize each conference and meetup so if the list grows, we can filter them.

Only show upcoming conferences

This might require having to add a very specific date format for conferences, (e.g. having a clear start and end dates), but the general idea is that we don't want to see conferences that have ended by default. It could be a good idea to perhaps have an "archive" somewhere where you can view conferences that have ended, but they shouldn't be in the front/main page.

Get the Gatsby app running live

The Gatsby app needs to be running live on a domain (see #1), Netlify and GitHub Pages are good candidates.

Make website mobile-friendly

The website doesn't look too good on mobiles at the moment.

Help fill up meetups and conferences list

Help me add all the awesome tech conferences and meetups in the MENA region!

I only have one conference and meetup so far, this repo needs more!

You have to add them in both English and Arabic, or English only and I can help you out with the Arabic version, but this repo must have both versions.

The data should be added to these files:

data/conferences/
  en.json
  ar.json

data/meetups/
  en.json
  ar.json

For conferences: name, description, date, and location are mandatory, twitter and website are optional.

For meetups: name, description are mandatory, and twitter and website are optional.

Choose a domain name

I would like to have a short, simple, and cool domain name that's easy to pronounce in both Arabic and English.

Add option to filter conferences and meetups by category or tag

Once #23 is done, we should provide an option to show all categories/tags or pick a specific one.

Pick a decent-looking CSS framework that supports LTR and RTL

I'm currently thinking of Bulma.

I'd like to use a CSS framework with minimal configuration changes, I just want to use it as is for now. It has to support LTR and RTL (plugins are ok) and switching between them should be easy/straightforward.

Setup testing environment and functionality

Setup TravisCI to do the following:

• Ensure each conference/meetup has both an Arabic and English entry (unique_identifier could be used for this).
• Ensure that every website link is accessible (e.g. fetching it returns 200 OK).
• Ensure that every Twitter link is accessible (e.g. fetching it returns 200 OK).

This should use Node.js, I'm leaning more towards Jest and maybe Mocha.

Add LTR-specific and RTL-specific styling

The left/right margins should be flipped when switching from RTL to LTR. This experimental Tailwind variant plugin might be exactly what's needed for this.

Setup TravisCI

There's already Unit testing setup using Jest, just need to set up Travis to run it.

Support localization in Gatsby app

Checklist:

• Use path (e.g. /ar) to set current locale.
• Set Arabic as the default locale.
• Allow changing locales (change path via gatsby's navigate).
• Add UI to switch locales (and perhaps trigger a refresh when switched?).
• Create localization files.
• Move all static English "magic strings" into a localization file.
• Translate English magic strings into an Arabic localization file.
• Use some sort of framework or function to get strings for current locale.
• Fetch all strings from locale files using framework/function mentioned above.