Giter Club home page Giter Club logo

rocketchat / rc4community Goto Github PK

View Code? Open in Web Editor NEW
47.0 5.0 68.0 8.95 MB

Full-stack components for building, engaging, and growing your massive on-line community

Home Page: https://community.rocket.chat/

License: Apache License 2.0

CSS 13.61% JavaScript 81.84% Shell 4.54% Vim Script 0.01%
nodejs community opensource jamstack community-management community-building community-project typescript nft nextjs platform serverless web3 hacktoberfest blockchain crypto

rc4community's Issues

TODO: Improve Rocket.Chat integration

Add back the "Click to Chat" button as it is on community.rocket.chat

We will want to create a new user entry into our Super Profile - when an existing user with a Rocket.Chat account first access the site.

TODO: Create a Leaderboard Component

Based this React component's interface on the existing GSoC Leadeboard.

Keep the interface flexible for repurposing as Game players' Leaderboard.

[BUG] Missing date_time and duration field of speaker schema and manual updation of `Live` and `Ended` fields of speaker

Description

  • Currently the speaker speaker schema does not have a date_time field to specify the time and date of the speaker session / talk.
  • The speaker schema does not have a duration field to specify the estimated duration of a speakers talk on the main stage.
  • The live and ended fields of the speaker schema have to be manually updated to specify if a speakers session is currently live or if it has ended.

Expected Behavior

  • Speaker Schema should have a date_time field to specify time and date of the speakers event on the mainstage.
  • Auto Updation of Live and Ended fields according to date_time and estimated time_duration of the talk

TODO: Create a matrix.org component

Create a React component using the matrix Javascript SDK npm module.

Allows community members to collaborate via embedded federated channels.

Also enabling matrix for federated subscriptions on data channels. (such as real time distirbuted score updates)

[BUG] Console Warning/Errors

Description:

Whenever the app is loaded we see some console warnings/errors. These are there due to the following reasons :

  1. JSX Typing errors.
  2. Not passing key props to components.
  3. Nesting Button inside another component which represent buttons.
  4. Not Passing id props to Menus/Forms.

Steps to reproduce:

  1. Run the CDN and APP.
  2. Open browser.
  3. Checkout the Console.

Expected behavior:

  1. Console warnings should be minimized.

Actual behavior:

  1. We see and error in console.
2022-01-26.20-20-49_Trim.mp4

[TODO] Refactor Leaderboard Component

Description :

Refactor Leaderboard into two components :

  • Main leaderboard.js which can be accessed via the dynamic route at -> root/gsoc/gsoc2022/orgname
  • Reusable `leaderboardcompact.js' which can be used any where by communities.

TODO: Create a Hacker News component

Create a React based Hacker News "top list" or "current list" component based on configurable criterion.

Model this one close to the existing Discourse component.

TODO: Implement quick commercial auth

Implement React authentication components for:

  1.  Firebase
    
  2. Auth0
    

Take the simple and direct route first as POC. Then start thinking of adding a "super profile" associated with the user account.

TODO: create a Stack Overflow component

Create a React based Stack Overflow "top list" or "current list" component based on configurable criterion.

Model this one close to the existing Discourse component.

TODO: Add a video streaming viewer component

Like a youtube viewer. Shows thumbnail of video . Upon clicking starts to play video.

Enable "standard" playback controls of the underlying libray.

Make sure it can efficiently support multiple instances on one page.

[TODO] Revamp Github Component Kit

Description :

The Current Github Component Kit has the following issues :

  • The current kit has multiple components which are used using different tags ,this makes it more complicated to use
  • The database design for the component is not suitable for multiple repositories
  • The current kit does not have a pull request component

Proposed Changes

  • Create a single <Github ... /> tag which can display different components .
  • Improve database design for scalability

image

  • Create Pull Request Component

TODO: Implement open source auth -- GLUU

Implement React component for Gluu Authentication.

Start with simple auth as POC.

Starting thinking about extending to maintaining a super profile assiciated with each user record.

Work with other auth implementers to make sure the component's intterfaces are compatible.

TODO: Create a Reddit component

Create a React based Stack Overflow "top upvoted list" or "current list" component based on configurable criterion.

Model this one close to the existing Discourse component.

TODO: Implement Jitsi Video Conference component

Create a reactJS component from the Jitsi web SDK.

This component should enable community members to video conference with one another in:

  • 1 to 1 calls
  • scheduled meetings
  • scheduled virtual events

TODO: Add a form fill component

Create a component that manages an interactive form to be filled.

Form data should be pushed to our persistence implementation data lake.

An indication if that form has been filled already, should be part of the Superprofile.

Make sure multiple instances on a page is easily handled.

TODO: Fix the Discourse Module

Current Discourse module will keep populating the top ranking list to 10s or 100s of entries.

Re-implement the logic to select the TOP N entries - with N anywhere from 3 to 15 ONLY.

Define a "module structure" that makes sense for these sort of "full stack reactjs components", beware it will always be executing on nextJS (keep to JAMStack ideals).

Keep this work on ONE SINGLE PR.

TODO: Integrate an NFT marketplace

Create a React component that adds NFT marketplace integration for community members.

Investigate possibilities with OpenSea and other trending marketplaces.

TODO: Create a Discord component

Create a React component to integrate Discord.

Use the existing Rocket.Chat integration as a template and expand into Discord specific featureas.

[BUG] Unable to load the community logo

The community logo in the home page does not appear after loading the page.

The attached URL points to a resource that does not exist.

Browser version:
Google Chrome - Version 99.0.4844.51 (Official Build) (64-bit)

TODO: Create a "live" GSoC 2022 section

Create menu hierachy to support our GSoC and GSoD Communities:

Community
    Google Summer of Code 2022
         Program information   --->  https://docs.rocket.chat/contributors/google-summer-of-code/google-summer-of-code-2021
         Introductions  --->  https://open.rocket.chat/channel/gsoc2022
         Team -->  https://open.rocket.chat/channel/google-summer-of-code
         Leaderboard ->  https://gsoc.rocket.chat
         Virtual Conference -> https://rocket.chat
         Office Hours ->  https://rocket.chat
         Projects Ideas ->  https://docs.rocket.chat/contributors/google-summer-of-code/google-summer-of-code-2021#project-ideas
         Results -> https://docs.rocket.chat/contributors/google-summer-of-code/google-summer-of-code-2021#update-may-20th-2021
    Google Season of Doc 2022
       Program information   --->  https://docs.rocket.chat/contributors/google-season-of-docs/google-season-of-docs-2021
       Introductions  --->  https://open.rocket.chat/channel/gsod2022

TODO: Restyle the components

Check community.rocket.chat for styling. Restyle the existing components to the standard of community.rocket.chat

BE CAREFUL:

  • keeping ALL current reactJS components responsive, when shrunk to mobile format - ti should still be highly usable
  • do not add any global styling - do each components' styling in its own CSS module
  • maintain static generation, do not write components that forces SSR (with 1 exception - the client-side countup counter)
  • do restyling of ALL current component in ONE LONG PR, do not create separate PR for components

TODO: Add Github Integration component

Create a full-stack React component that displays the top 3 to 15 issues from Github. - ranked based on a set of pre-defined filters (most voted up, for example).

This component should be very similar to the existing Discourse component.

TODO: Implement open source auth Keycloak

Implement React component for Keycloak Authentication.

Start with simple auth as POC.

Starting thinking about extending to maintaining a super profile associated with each user record.

Work with other auth implementers to make sure the component's interfaces are compatible.

Create a data-supplier component that wraps a collection of others

Investigate into the possibility of creating a component that takes datasource (strapi, URL to JSON, URL to CSV) and populate its children components iteratively with that data. Without:

  1. touching or modifying the styling of its children
  2. having any major assumption about its childrren (except perhaps an exported data population method)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.