cyprus-developer-community / cdc.cy Goto Github PK

View Code? Open in Web Editor NEW

6.0 6.0 2.0 15.1 MB

Cyprus Developer Community Website

Shell 0.01% JavaScript 0.05% Dockerfile 0.08% TypeScript 99.85%

cyprus developer community community-website

cdc.cy's Introduction

Cyprus Developer Community

Join us on Discord or participate in our discussions on GitHub.

Contribute to cdc.cy

Work in progress. Stay tuned.

Setup

At the top level of your repository, run the below bash command. It will autogenerate a .env file with some dummy values.

tee .env <<EOF
MOCKS_ENABLED=true
GH_APP_ID=1
GH_PRIVATE_KEY=$(openssl genrsa 2048 | awk -v ORS='\n' '1' | openssl base64 -A)
GH_APP_INSTALLATION_ID=1234
EOF

Run pnpm dev:remix and access the page in the browser. The page is available in http://localhost:3000

End-To-End(E2E) Testing

# All test suites
pnpm exec playwright test

# Only the Home page test suite
pnpm exec playwright test ./e2e/home.spec.ts
pnpm exec playwright test -g 'Home'

# Only the test on line 8
pnpm exec playwright test ./e2e/home.spec.ts:8

# Only a single browser
pnpm exec playwright test --project=chromium

# Spin-up a dev server and show report
pnpm exec playwright show-report

# Debug mode
pnpm exec playwright test --debug

Code of Conduct

Our goal is to have an awesome, inclusive and safe community meetup where people meet, hang out together, chat, listen to talks, exchange ideas and make new friends. Any harmful or discriminating behaviour will not be tolerated and results in the offending person being expelled from the meetup.

For details on what kinds of behaviour are not tolerated and consequences for violating these rules, we refer to the Berlin Code of Conduct.

Note: BerlinJS has been a pioneer in the JavaScript User Group scene in Europe and set a great example. We want to learn from and follow the best, hence we allowed ourselves to copy a few things from them.

cdc.cy's People

Contributors

Stargazers

Watchers

Forkers

nicolasiac mariosimou

cdc.cy's Issues

Add Discord Widget to Homepage

Add Monthly Digest Signup

We'll be using mailer lite to send a monthly summary/digest for all upcoming CDC events. We'll need to place this snippet on the website somewhere to allow people to subscribe:

Make sure the following snippet of Javascript is present on every page of your website right before the closing "head" tag.
You only need to add this snippet once, even if you plan to have multiple forms.

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '19898');
</script>
<!-- End MailerLite Universal -->

Copy and paste the code provided below, wherever you want the form to appear.

<div class="ml-embedded" data-form="HWY8WK"></div>

Add GitHub Buttons

Maybe in the header, the typical "star" "watch" buttons from GitHub

Proxy .ics file from GitHub on the website with proper mime type for google calendar subscriptions

Add Mailing List Widget/Popup

It's easy to miss an event, so we want to allow signup by email for people to receive regular notifications about events:

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '19898');
</script>
<!-- End MailerLite Universal -->

Add Community Groups to website

Restructure Home Page

The home page is pretty bare, let's start to add some content:

about CDC
members and participating groups
community announcements
the next 2-3 upcoming events
discord widget #5
email signup #6
email digest signup form #7
GitHub buttons for stars/watch the CDC org

More ideas welcome :)

Responsive Design

Ensure that responsive design is available in all mobile devices. I believe the discord widget should render under the cdc.cy info. At the moment is side-by-side

Community Announcements

This could be a panel on the home page with upcoming/past events and other things we'd like to share

Add Jobs section to website

Events table days are wrong

Seems there's an issue when a month has 31/30 days:

https://github.com/cyprus-developer-community/cdc.cy/blob/main/app/features/dataProvider/commands/getEvents.js#L23

Not sure what's the best way to fix this.

Add Event Page

We should have a landing/feature page for each event past and future based on the GitHub Issue - something we can share on social media. Maybe we can change gitevents/broadcast bot to announce the website/page instead of the GitHub issue as well.

Info for the page:

title
date
location (enhanced with location info from locations.json / what3words map)
participants (reactions on the GitHub issue)
link to GitHub issue
link to discord event
nice open graph image / info
semantics (schema.org)

For "CDC Events" that also have talks, there's even more info that can be extracted (see cyprus-developer-community/events#29):

speakers & speaker profile
agenda

Anything I'm missing?

groups
- group summary
events
- event details
calendar

Site_Audit__Full_Report-cdc_cy-13th_Feb_2023.pdf