copenhagenjs / copenhagenjs.dk Goto Github PK

View Code? Open in Web Editor NEW

25.0 3.0 16.0 6.42 MB

Website for CopenhagenJS - A monthly javascript meetup group

Home Page: https://copenhagenjs.dk

JavaScript 71.86% CSS 1.92% HTML 0.20% Dockerfile 0.44% Shell 0.19% TypeScript 22.84% Starlark 2.56%

javascript community meetup

copenhagenjs.dk's Introduction

📦 CopenhagenJS Website

Find it inside web folder.

Made with Next.js and deployed to Firebase.

How to run the website:

$ npm install

$ npm run dev

And the CopenhagenJS Website should become available on http://localhost:3000

Storybook

We uses storybook for our components and we deploy it publicly here: CopenhagenJS Storybook

How to run services

First install bazel

Then build each service separately

$ bazel build //runs/graphql:docker
$ bazel build //runs/feed:docker
$ bazel build //runs/auth:auth

or build them all

$ bazel build //runs/...

copenhagenjs.dk's People

Stargazers

Watchers

Forkers

munter mroderick hkjorgensen kevinsimper vanjacosic mathiaslund paulmorar jonathanmh abdulahiroble jonasbn jamiemagee halefa ardorgrey lukasgjetting aabedraba cecastosic

copenhagenjs.dk's Issues

Add a map to the frontpage that shows where the meetup is

Add feed that has countdown

Christopher from HackYourFuture want to post to Slack when there is 7 days to CopenhagenJS.

He is using Zapier to post on Slack and Zapier can read from a ATOM feed.

We should add a feed that can be customized when to add a meetup to the feed.

/feed.xml?daysbefore=7
Will add the event 7 days before it happens

/feed.xml?daysbefore=2
Will add the event 2 days before it happens

😄

Add single video view page

Right now it is only possible to see them all or go to youtube to see them in a bigger view

Simplify getting started commands

Because the website is hosted on github pages, why have the gemfile when you only need jekyll to make it work on your computer?

Question: what are the plans for older posts

Are there plans to update older posts to adhere with newer requirements? so the data becomes more complete.

I would love to spend some time on this if it has any interest, I personally think it would have value.

Add type to User

We need to add a type to user to add access levels.

A bit like on meetup.com you can have more permissions if you are a organizer than a normal user.

It can also be used to only show information to organizers first which are not accessible by users.

Make youtube embeds responsive

It can be done something like this
https://medium.com/@kevinsimper/full-width-youtube-embed-with-react-js-responsive-embed-509de7e7c3bf

Add pubDate to feed

https://mailchimp.com/help/troubleshooting-rss-in-campaigns/

Make sure your tags are set up and populating correctly. If a is set in another time zone or a day off, Mailchimp may not recognize that the items were posted before the next campaign is triggered.
Here is an example of the correct setup for your RSS feed. The is in English.

Update videos data feed to with latest videos

This feed should be updated with videos from youtube https://github.com/copenhagenjs/copenhagenjs.dk/blob/master/data/videos.js

Add Event type to SpeakerProfile presentations

Make a story about Page component

This will make it easier afterwards to extract the

element.

@abdu020

Use graphql api to show list of meetup archives

Update speaker page to new SpeakerProfile type

Write a script to pull out all speakers

As speakers are getting documented we need a script that parses all the markdown documents and produces a JSON document with all the speakers.

That document can be used to display all speakers on a new page on the copenhagenjs.dk website.

pseudocode:
loop through markdown files ->
parse with frontmatter
return speakers

For the first version we don't need to combine speakers, it should just be a list of all meetups with speakers:

{
  "speakers": [
    {
      "src": "xxx.md",
      "speakers": [{}, {}, {}]
    },
    {
      "src": "xxx.md",
      "speakers": [{}, {}, {}]
    },
    {
      "src": "xxx.md",
      "speakers": [{}, {}, {}]
    }
  ]
}

That file can be loaded in the front-end with fetch and looped over 😄

Add a list of organizers to about page

Use front-matter to add speakers

With frontmatter, we can add speakers to each meetup like this

https://www.npmjs.com/package/front-matter

speakers:
- title: My talk
  name: Kevin Simper
- title: 2nd talk
  name: Awesome speaker

Update the background image

It has been the same in forever, it would be nice with a refreshment 😄

Show the videos as two columns

Right now it is difficult to quickly get a overview of all the videos that exist.

This will help by making each video taking up 1/4 of the space if it is in 2 columns.

Add welcome page for logged in users

Add a page that welcomes the user when they are logged in. This page will include a link to the edit profile page in the future.

Should be called /profile

Add more resources with links to Learn Javascript page

I would like to add a few more links to learn page. These links will be accompanied by a brief description about whether the resource is free or paid (or has free trials available if paid):

Courses
Frontend Masters (Free 6-month subscription available for verified students)
Lynda - JavaScript Essential Training (Paid but one month free trial available)
Treehouse - JavaScript (Paid but free trial available)
Udemy - Web Developer Bootcamp (Paid course)
YouTube - The Net Ninja (Free)

Books
Axel Rauschmayer - Speaking JavaScript (FREE HTML VERSION AVAILABLE ONLINE)
Nicholas Zakas - Professional JavaScript for Web Developers

Other Online Resources
W3Schools - JavaScript (Free)

Add a page that shows all hosts

Make ghostprofiles for speakers

This should allow us to make a profile that can be shown if there is no user profile found.

This is because it is unlikely that all speakers will create a profile before they speak.

Update graphql events query to filter upcoming events

Right now it by defaults takes the latest event, that is a problem if there is multiple upcoming events, then it will show the one furthest in the future.

I think the best solution would be to add a enum type to have either
UPCOMING
PAST

So you can take the first 1 upcoming meetup event.

Set up continues deployment for feed

I think it could be a good idea to add a newsletter to copenhagen.js, because I think a lot of people want to go to copenhagenjs, but simply forgets that it is there, and if you are not a geek on twitter, you simply do not get the message, also since Lanyard don't do anything clever at all!

What is the opinion to that?

I am thinking that it will just post from the rss feed! :)

Show date on frontpage

I missed adding the date for the most upcoming event, people can't see when the next event is on the frontpage

Convert learn resources into structured data

Right now the learn page is a markdown article.

We should make it into an array so that we can make filters and loop over them to render them.

Similar to other data sources we have https://github.com/copenhagenjs/copenhagenjs.dk/tree/master/data

Add a page that includes resources to learn javascript

We should have a page that includes the best resources to learn javascript

MDN
https://www.freecodecamp.org/

Add meetup profile link to GraphQL

This will enable us to connect the two systems, as on meetup.com it can be difficult to see because of picture and name can be different

This is my profile:
https://www.meetup.com/members/67091682/

Add a map to the frontpage that shows where the meetup is

Add a feed for upcoming events

We need to make a feed that shows all events that are published and upcoming.

We should add a field to the frontmatter that says, publish_on: and only after that date it will be part of the feed so that we can still put upcoming events on the website but without notifying people about it too early.

https://www.npmjs.com/package/feed

We will then configure the newsletter to send out emails about upcoming events.