parisjs / parisjs-website

Paris.JS website

ParisJS

This repository contains the code for the parisjs.org website.

Acknowledgements

Thanks to Vercel sponsoring this project by allowing it to be deployed for free for the entire ParisJS Team.

Getting started

• Clone this repository
• yarn install
• yarn dev
• Open http://localhost:3000 in your browser

Coding standards

• Code is formatted with prettier.
• CSS follows a BEM-ish style.

Help section

Some avatars seem to be missing

You can try running yarn avatars:sync to get the missing avatars if they are available and then create a pull request.

How to post talks when running the app locally ?

1. Create a GitHub OAuth app via https://github.com/settings/developers
2. Choose http://localhost:3000 as both a "Homepage URL" and a "Authorization callback URL"
3. Copy your "Client ID" and your "Client Secrets"
4. register your app in https://auth-server.herokuapp.com/ (We can't signin from our website without a backend or auth proxy)
5. The domain should be "http://localhost:3000" and the grant url "https://github.com/login/oauth/access_token"
6. Create a .env.local file
7. Add the client id as "GITHUB_APP_ID"
8. You should probably switch the default env variables "GITHUB_TALK_REPO_OWNER" and "GITHUB_TALK_REPO_NAME" to avoid spamming the default repository
9. Start the app locally !

I want to tweak the search functionality locally (ranking, reindexing etc)

1. Signup to algolia
2. Create a .env.local file
3. fill the env variables: ALGOLIA_APPLICATION_ID, PUBLIC_ALGOLIA_API_KEY and ALGOLIA_ADMIN_KEY
4. yarn algolia:index
5. Start the app locally !

parisjs-website's Issues

Search on previous meetup

see https://app.evrybo.com/share/project/3797/30575/u74avioOMqurx8RvhOwa

Deprecated things / new docs

• Update or clean Wiki
• Close trello board
• Add page (wiki?) with update info about who get access to what (dns, etc)
• Update twitter / linkedin description according to new faq
• Readme (how to contribute on the website)

Liens vers les entreprises hotes

Mettre un lien vers les entreprises dans les chapeau des meetups pointant vers les entreprises.

Guide de l'organisateur

Un guide expliquant aux hotes la demarche et qui contacte...

Style Talk

Adapte Talk component with elements (picture and project / slide link)

Vidéos

Ajouter les vidéos existantes

http://www.dailymotion.com/ParisJS

Fix styles

• Button (login with github)
• Form (radio)
• Default avatar
• On mobile (maybe center things ?)
• Logo ?

paris newspaper widget

http://paper.li/challet/parisjs
It can be exported as a widget

Version francophone du site

On est ParisJS, donc une association française, mais notre site est exclusivement anglophone. Même si je suis d'accord qu'un dev qui ne parle pas un minimum anglais, il est dans la merde jusqu'au cou.
J'ai pu constater que de nombreuses personnes, en l’occurrence des collègues pour la majorité ont abandonné l'idée de venir parce que peur de "pas comprendre parce qu'il risque d'y avoir de l'anglais".
Le dernier talk en anglais auquel j'ai assisté était celui en octobre 2011 (gozala et ses streamers), ça remonte.

A mon avis, une version francophone ne serait pas inutile, tout en préservant bien sur la version anglophone.

Encore une fois, je veux bien mettre la main à la pâte.

Seo

Title / description / etc?

Add instructions in README about how to contribute

The README should answer the following questions :

• How to add a meetup ?
• How to add talks info (speaker, slides etc.) ?
• How to work on the site : process, technology etc. ?

Maybe in a CONTRIBUTING.md linked from the README.

Prod todo list

• Create Github app
• Hellojs setting
• Set travis for phenomic build
• Setup https only

Fix meta title tag

In /sponsors and /submission/talk the title is "Hello World". We can do better 😅

Widget "Next meetup"

On the homepage, we should have a widget with information about the next meetup.
Data should be get from meetup (api) with at least title, date, where, seat reaming and link to RSVP

"Contribuer" page

i18n ui

UI (not talks) must have a translation in english (defaut is french)

• Add a "toggle/select" button
• Handle translations

Mettre une licence

Aucune licence n'est fournie. Par défaut, le code est donc sous copyright et il est impossible de le forker ou de l'utiliser légalement sans l'autorisation de chacun des auteurs-contributeurs.

Add semantic to the talks on the front page

Add some properties to the html markup : each slide should have a reference to event, the speaker and some tags about the subject.

Create a tag cloud with the datas.

Ajouter les talks de Novembre 2013

Il manque les talks de Novembre 2013 chez Microsoft.

Section "Projects/POC"

Pourquoi ne pas rajouter une section où les membres de ParisJS viendraient déposer une idée de projet ou de POC, à la recherche de membres pour les aider à la réalisation.

Les objectifs sont de promouvoir la dispersion des connaissances/compétences au sein des membres de ParisJS, et de voir éclore des projets sympa comme tout qui n'auraient pas pu voir le jour sans la motivation des membres de ParisJS ;)

Meetup 21

Ajouter les infos du meetup de juillet 2012

Next meetup widget

Similar from existing but should work with meetup

Style NextMeetup

Add style for the NextMeetup component

Inspired of Meetup's next event block.
Contain:

• title
• date
• link
• count rvps (yes)
• host name
• address

For testing replace meetup url for https://api.meetup.com/Paris-js/events?desc=true&photo-host=public&page=1&sig_id=77326482&status=past&sig=253ccfbcfa69a2fccf31742ec420f87550bf8101

Ajouter un lien vers parisjstalks.nodejitsu.com/sponsoring

Le formulaire pour le sponsoring a été ajouté à https://github.com/parisjs/parisjs-talks-submit et déployé par @francois2metz sur http://parisjstalks.nodejitsu.com/sponsoring.

Cette issue est là pour se souvenir qu'il faut changer la partie "host next Paris.js" sur http://parisjs.org/ en ajoutant un lien vers une page à la http://parisjs.org/program.html et possiblement changer le wiki https://github.com/parisjs/parisjs-website/wiki/Be-a-ParisJS-Host pour expliquer que la demande se fait sur le site de préférence.

Chaque meetup devrait avoir une URL

Les meetups n'ont actuellement pas d'URL: il n'est donc pas possible de faire un lien vers un meetup en particulier.

JS communities

Add a link to the official js communities website.
Pull randomly some communities from the website

Add Readme on parisjs/talks

Fix translation

Some translation missing (on html attribut or form schema)

I don't know how to get the react-intl method for translate
See :
https://github.com/yahoo/react-intl/wiki/API#formatmessage
https://github.com/yahoo/react-intl/wiki/API#injectintl

Put scripts at the bottom

Best Javascript Practice #1 : http://developer.yahoo.com/performance/rules.html#js_bottom

Add google analytics to the webpage.

Create a link to google analytics and add the js to the page.

Hardcoded page title on some page

https://parisjs.org/propositions/sujet and https://parisjs.org/partenaires have hardcoded titles that says "Hello world"

list other local js communities over the world (or at least europe)

list them here and see what to do with it,
basically put the list on the website.

Fetch upcoming event from meetup instead of eventbrite

Enlever les emails sur /program.html

Suite a une demande sur la ML, il faudrait ne pas afficher les adresses emails des speakers.

Current page style

Set style for the current tab page and current language
See top of https://app.evrybo.com/share/project/3797/30575/u74avioOMqurx8RvhOwa

Lien "Web Crawling with NodeJS"

Un "1" s'est ajouté à la fin du lien slideshare "Web Crawling with NodeJS".
http://www.slideshare.net/sylvinus/web-crawling-with-nodejs

Responsive compatible Mobile

Hello !

Je viens de remarquer que le site n'est pas compatible mobile, enfin, pas responsive. C'est un peu dommage.

Surtout qu'en essayant deux trois coups de flexbox je pense que je peux faire ça sans trop me prendre la tête avec trop de media queries et en gardant le design original.

J'ai pas trouvé de script GAnalytics sur le site. On a pas de stats sur les browsers du coup ?

Scroll on anchors doesn't work

Hi,

I submitted a PR MoOx/phenomic#1195 to fix scroll behaviour on anchors.

Générer les talks a partir de Trello

A chaque nouveau paris.js, il faut recopier les talks et quelques infos pour mettre à jour le site.

On pourrait utiliser directement Trello pour générer les fichiers. Après il faut rajouter les slides ou tout autre infos.

Remove communityJS.org

The site is dead

Fix wording on sponsors page

It thanks in both French and English "sponsoring companies", but we've been sponsored by schools and other kinds of institutions. Just saying "sponsors" or maybe "sponsors and hosts" is better and more accurate.

paris JS 33 missing

list links to presentation made at #parisjs meetup

• make a list of older ones
• put them on the website

Talks submission

You need to be loggued with github before submit your talk.
Use this POC for local auth.

Fields:

• Title *
• Description*
• Kind of talk *, long or short. Maybe a toggle or a select, as you want.
  Depend of the value, ll display a line of explaination (20mins + questions or 5 mins)
• Slide link
• Project link

Must have validation. Fields with * are mandatory.
Maybe force a minimum size for description (also max). It's a good practice.

Add a link on the website to the parisjs Github Org

FAQ page

I started to redact the FAQ page, feel free to comment or ask me to add you for contributing
-> https://docs.google.com/document/d/14p8Mhvi1rxczJ0B7afh8esXxHTurdfsYwz2ezo_qyQQ/edit?usp=sharing

Repect format on talk description

ex:

    extract: >
        En tant que développeur react-native, je fais souvent face aux mêmes remarques :
        - "Ce n'est pas du natif, du coup c'est moins fluide, non ?"
        - "Je ne suis pas sûr de pouvoir faire [insérer votre feature ici] avec react-native"
        - "Ça vient de sortir, dans un an c'est mort !"
        - "Est-ce que c'est maintenable sur le long terme ?"
        - "Mais ce n'est pas super dur de recruter des devs pour faire du react-native ?"

        Je vous propose de faire une introduction à react-native en reprenant ces points un par un.

will be render as

Rajouter des photos des meetups

Utile pour que les gens comprennent grosso modo l'ambiance des meetups, et ca rendrait le site plus vivant graphiquement ?

Guide du speaker

Faire un guide qui explique les etapes de validation du talk et ce qu'il faut preparer (et prevenir que les speakers peuvent etre filme)

Add missing sponsors in the website

That's a lot of work...