commudle / commudle-ng

Where software developers grow together!

[This further developed source code of this project is now private. We've shifted the front end to the latest version of Angular. You can continue making contributions to it!]

Commudle

https://www.commudle.com/

This is a platform for all the tech communities around the world, which is focussed on managing the communities efficiently. It's a direct result of the personal experiences and feedbacks from different tech community organizers. The uniqueness lies in the process flows incorporated.

Looking for contributions from the community and full time maintainers/contributors who can take this forward.

---

Index

• Why Commudle
• What makes this different
• How It Works
• Installation/Setup
• Contributions
• Support & Communications
• Code Of Conduct

---

Why Commudle

We have been able to successfully manage more than 5 events in the past 6 months with one of them having 2200+ registrations, >600 attendees, 6 tracks and 30+ speakers.

We have about 5000 members signed up already!

The name's explaination remains a secret which we'll reveal soon. Till then, whenever we are oranizing tech events (which we believe for smaller communities is more about spreading awareness, sharing knowledge and networking), they are free. But as organizers, a lot of effort still goes in and yes, the members are always on the lookout for more and more events and things to learn.

Taking from the personal experiences of how some well managed, free communities have evolved such that they are able to generate good excitement and footfall, we have tried to incorporate the process flows for the following till now:

• Easy community & event setup and management
  • Reusable forms
  • Support for Multiple locations and Multiple Tracks
• Centralizing the registration and shortlisting process
  • Inbuilt forms
  • One click status update for each registration
  • RSVP emails where users can confirm
  • Real time tracking of attendance by unique codes There's a lot of things coming up in the pipeline!

---

What makes this different

It's created to solve the problem of the creators. Being at a very stable yet young stage, it can be modified majorly to incorporate as many use cases for different communities across the world.

We will soon be able to track actual ROI in terms of skills imparted by actually interacting with users automatically to track if they have been using the technologies introduced to them.

It's free to use, will always be!

---

Support and communications

• Mailing List (ask to join and we'll always say Yes): https://groups.google.com/d/forum/commudle

• Slack (join and ask for commudle channel access!): https://gdgndslackinvite.herokuapp.com/

• Gitter (It's new for us, join and Introduce Yourself!): https://gitter.im/commudle/

---

Summing it all up, we're looking at creating more and more projects soon, this being at the center of them all, you'll soon be able to host every project you create, with us!

---

License

commudle-ng's Issues

Use the new nb-timepicker from Nebular

Yay! Nebular has finally added the timepicker to the theme. Looking to use it everywhere there's a schedule mentioned, viz.

• Event create/edit page
• Event custom agenda

Contributors Images

📚 Documentation

Adding Contributors image in the readme file .

Have you read the Contributing Guidelines on Pull Requests?

Yes , I've read the contributing guidelines .

Update to Angular 11

• Update Angular CLI to the latest version 11
• Test all the dashboards to be working properly

If you're working on this, just let me know, I'll add you to the admins of a community to test out the dashboards

Add attachments to chat

Enable adding attachments to discussion-chat and discussion-qna component

Add more steps to setup [angular cli and design framework]

Add the following things to setup steps:

• Install angular cli
• Refer to Nebular

Update Readme :: Contribution Guidelines

Need to include:

• Branch naming conventions (feature branch, fix branch, documentation branch)
• All the PR's should be directed towards 'development' branch
• Commudle features + Screenshots (preferably gifs)
• Explanation of the folder structure

Implement Nebular's Tag Component

🚀 Feature

Right now, there is a separate self-written badge component. Since Nebular got an inbuilt tag component, we can update to using that.

Have you read the Contributing Guidelines on Pull Requests?

Yes

Motivation

The motivation for this issue is that Nebular has got its own Tag component.

Pitch

It's easier to manage since the Nebular library now supports an inbuilt component. This has to be implemented both in the event viewing pages and the event creation pages.

As an extension, since there is also a TagInput component in Nebular, we can use that to get badge inputs in event creation pages.

Logout loop bug

When a user logs out from one account and tries to sign in with another account it creates a loop.

After logging out from my first account the page shows up with URL
https://auther.commudle.com/?back_to=https:%2F%2Fcommudle.com%2Flogout

And after signing in again we will get redirected to https://commudle.com/logout

I think after signing out a user should be redirected to
https://auther.commudle.com/

Facebook Icon not appearing in social handles.

While updating my Facebook icon was not working I have attached the screenshot for the reference.

Add social sharing buttons

Add the links to share on social media for

• Community
• Event
• Session by experts (should appear on hover)

Probably you can make a separate component and do it

Post some example screenshots from other web apps and where you want to place these so that we can finalize the way it looks

This is going to be an important feature!

Sidebar opens itself on mobile

Have a look

Update Nebular to the latest version 6

Finally, there's an update to Nebular, let's do it, it has a Timepicker!

Should be pretty easy I suppose

Contribution Table

Adding a contribution table in README.md

Implement Ngrx or any other suitable data store

🚀 Feature

We want to implement a data store to solve the purpose of client side caching (we could utilize other benefits of a store too, but right now the priority is to cache the data instead of repeated ajax requests)

Motivation

We have a tonne of interfaces which define the data model structures, it's high time we start working storing this hierarchy on the front end

Pitch

Will improve the user experience a lot.

Brainstorming needed on:

• Which data store to use
• What benefits will it provide

Add Contributors Table in README.md

Like this

Create Issue Template

Hai,
I would love to add an issue template for your repository. This template would have four issues namely bug, documentation, feature, proposal .

hosting multi day event

Currently, when hosting an event it gives the option of a single from date.

We should add a much convenient way of choosing multi-day events.

Fix SSR with Angular Universal

There is an error while Server Side Rendering with Angular Universal. The ActionCable js library probably. Need help fixing it

Minimizing the sidebar menu with icons visible

On the web, the sidebar menu right now completely closes or opens. It should have a third state which is it should be halfway with icons visible. Task is to:

• Add icons to the menu items where it isn't there
• Make sure those icons are visible in the minimized version of it
• Desktop: Clicking the hamburger should take through steps viz. Open, minimize, collapse
• Mobile: Open, Close

HINT
Nebular (the design library used) has the option for minimizing, it's just that icons aren't visible because of the way we've used them right now.

Integrate Welcome Bot

Hello there,
I can add a welcome bot config file having a proper message that will show up when any user will open up an issue or pull-request for the first time as a part of DWOC. Please assign me this issue. For reference, kindly check out: https://github.com/apps/welcome
THANK YOU

Create a guide page for creating an event

We need a page to display how to use the event page, and other features, in the near future.

Once someone chooses the issue, I'll create a basic routed feature-module and you can start working on it.

Sitemap

Integrate a sitemap generator, or just create a sitemap

Add cookie consent message

Simple, create a component for cookie consent.

Should be displayed once per session. Use local storage to remember not asking the user again.

In the next step we will link this to an API to store the consent per user (if we need to)

CODE OF CONDUCT FILE

Hi @arpansac
I would like to contribu4to this repository by creating a code of conduct file which is messing in this repository

Kindly assign me this issue

Move component community-control-panel to feature modules

This will help in reducing the size of the prod build for initial render

Simple online events

Think and make the feature for simple online events. Right now Commudle supports both online and offline events, but it takes a lot of details, including forms to set it up.

Let's to make a simple plug and play event feature (the current event setup would be the advanced version of it).

Profile page

There is already a component which allows updating the profile when a user is filling a form for an event.

• Create an edit profile page using that component
• Create a profile page which is publicly visible

After getting back from any click(link) , we should be on same position but we get to start of webpage

If we click on any project ,when we get back from that project link we get navigated at starting of webpage not on same project section.

Open Lab images in a dialog

🚀 Feature

(A clear and concise description of what the feature is.)

Have you read the Contributing Guidelines on Pull Requests?

Yes

Motivation

Was trying to learn from a lab but couldn't view the images in full screen.

Pitch

Users should be able to view the images in a larger dimension

Add interested members on event page

Show the list of interested members on the event page

Add overlay for left sidebar

We can only close the sidebar by clicking the menu button. But there should be an overlay on the mobile view.

Convert *ngIf to *ngSwitch

Initially ngswitch wasn't required, but then the codebase grew fast.

Find all the places where *ngIf is used multiple times for the a different HTML element being displayed based on different values of a certain condition. Implement ngSwitch there and test it!

Make font-awesome available with nb-icon

Right now, uses eva icons.
However, we also have fontawesome installed as a package, but need to use everytime. Now, to use font-awesome with nb-icon, some basic changes need to be made. You can easily find it on Google search.

We want it because though eva-icons are amazing, they're very limited.

Add Contributors.md File

Hai,
I would like to add Contributors.md file in your project in the form of a table and display a link to it in README.md

Embed google photos

A lot of events which take place be it in physical or online space, take some captures and share it with members in a google photos album. We need to integrate with the API of google photos for each event.

• Add a card to the admin panel for events
• Add a card on the event page

Add next and previous button to image popup in builds

As you can see in the above screenshot, to view each image I have to close the popup and click on the next image to view it. Add next and previous buttons below the image for moving to the next/previous image without closing the popup.

Welcome Hacktoberfest contribution

I am not a huge fan of this, but do you think accepting #hacktoberfest contribution can boost participation.

Yes, there would be spams but we can handle it for sure. What's your say @arpansac ?

Update Readme (setup instructions)

The setup instructions for development environment need to be completed. The user needs to copy the cookie from auther.

Show the link to event session page on public event page after the event has concluded

Example:
https://commudle.com/communities/gdg-new-delhi/events/developer-days-android-day-1 should have a link to the page where the live session was organized.
This is the link:
https://commudle.com/communities/gdg-new-delhi/events/developer-days-android-day-1/session

Automating website

I would like to work on this issue.I will create a script that will enable opening website from CLI.
Please add DWOC label to it and assign me this issue.

Guide component

Creating an event requires multiple steps. Though it's simple, but still requires to know the platform well. We'll need a page which shows the different steps to create the event beginning from event details, to forms, to agenda.

Try creating an event on your own and you'll understand!

Update to Nebular 7

🚀 Feature

Nebular 7.0.0 just released and let's update!

Have you read the Contributing Guidelines on Pull Requests?

Yes

Motivation

Nebular just got a new version (v7) and let's update our application as well

Pitch

Things to do:

• Update to Nebular 7 (latest version)
• Test if there are any breaking changes in the application

Add CODE_OF_CONDUCT.md

Hello there,
I would like to add CODE_OF_CONDUCT.md for this Project. Kindly assign me this issue.

Add Title and Og to every page

We need to have custom Title and meta data for every page.
This requires the use of Title service and Meta service.

If you take this issue, post the following in the comments on this issue:

• Which pages don't have Title and/or Meta tags
• What would you add in the Title and Meta tags.

Once approved, add them to the code and create a PR!

PR TEMPLATE

🚀 Feature

I can add a pr template , which will have few checklists and options like uploading screenshots and describing about the pr etc , which will give better understanding of pr for the maintainer
(A clear and concise description of what the feature is.)

Have you read the Contributing Guidelines on Pull Requests?

Yes
(Write your answer here.)

Motivation

Self Motivation
(Please outline the motivation for the proposal.)

Pitch

This is a great feature like issue template in this project , this will give a better idea about the pr and also make the work easy
(Please explain why this feature should be implemented and how it would be used.)

Redesign agenda timetable

Right now the timetable for an event looks good, supports multiple tracks and locations.

Example: https://commudle.com/communities/gdg-new-delhi/events/devfest-19

But still it looks cramped with all those internal scrolls in each of the sessions. There are 2 tasks associated with this issue:

• Suggest some good but very simple layouts of that section
• Once finalized, code it.

Add social media feed widget to the community page

Add social media feed widget for Facebook, Twitter and Linkedin (based on whichever is available) to the community page.

It should be in the about Tab

Google Analytics ID is exposed

Google Analytics ID is currently exposed in public view source code action. This was someone who can hinder the analytics and we may get wrong data.

Possible fix use component-based analytics also to target data while users move around.

Change kommunity to community everywhere needed

Initially when I began writing code, I'd named it Kommunities. Then, we moved to the name 'Commudle'. So, although I've tried to keep it 'community' everywhere in the front end code, but still there are some points left.

If you choose to do this, then me (@arpansac ) and you will be working in coordination to get this done because it'll require renaming of the table on the server side too.

PWA

Make the app into PWA.
Do discuss which links we want to cache in the service worker.