reactplay / activities Goto Github PK

TODO

Is your feature request related to a problem? Please describe.
Link user ith badges

Describe the solution you'd like
Link user ith badges

Describe alternatives you've considered
NA

Additional context
NA

Describe the bug

The node_modules and .next folders are being tracked by git.

To Reproduce
Steps to reproduce the behavior:

Expected behavior
The above mentioned folders must be ignored by git.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

*Additional context
Add any other context about the problem here.

Is your feature request related to a problem? Please describe.
The project missing a Contributing guide. Please add.

Describe the bug
When we open submission and open any idea in a mobile device the box is not responsive.

To Reproduce
Steps to reproduce the behavior:

1. Go to view submissions
2. Click on any of the ideas in mobile devices
3. See error not responsive

Expected behavior
It should be responsive and display correctly on all the devices

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: firefox
• Version: latest

Smartphone (please complete the following information):

• Device: realme x7
• OS: Android 11
• Browser: chrome
• Version: latest

Additional context
I would like to fix it...

The idea of this feature is to design a reusable landing page for any event. For example, the immediate need is to host a hackathon. We wouldn't need to restructure this page every time a new hackathon appears in our timeline, rather tweaking some data and aesthetics
The page should contain

• A well-defined banner
• Details of the event
• Partners information
• Collaborators/Sponsors information
• Registration link
• Project status
• Rules and regulations

Dockarize the project by creating docker container

Configure the navbar to change according to the page it's currently on.

Describe the bug
Images of the judges (Johan Eliasson , Tapas Adhikary ) not showing.

To Reproduce
Steps to reproduce the behavior:

1. Go to home
2. Scroll down to judges and mentors
3. See error

Expected behavior
It should show all images properly

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: Firefox
• Version: latest

Smartphone (please complete the following information):

• Device: realme X7
• OS: Android 11
• Browser: chrome
• Version: latest

Additional context
I would like to fix it.

Just wanna point it out that here clicking log in redirects to reactplay

1. New namespace for the hackathon
2. A table for idea listing
3. A relationship for idea vs user
4. Like/Comment: OPTIONAL
5. A table for idea vs status

Describe the bug
A clear and concise description of what the bug is.
Some meta tags like charset, http-equiv ,viewport and robots.txt file are missing.

Describe the bug

When we share the link https://hustles.reactplay.io/ it must show the correct meta title, description and OG image.

There should be at least Home and Submissions links on the navbar for subpages

Is your feature request related to a problem? Please describe.
We need a better organized Home page that specifies,

• The current event
• The past events
• Gallery, if any
• Contact Info

Describe the solution you'd like

• The Hustle home page must be visibly linked to the ReactPlay main site
• The home page must be as automated as possible so that we do not have to change the underlying components and code too much everytime.

Is your feature request related to a problem? Please describe.
Hackathon has been ended. No one should be able add/edit ideas now.

Note: add/edit has already been disabled from the backend

Describe the solution you'd like
remove all add/edit touchpoints

Describe alternatives you've considered
NA

Additional context
NA

Create a scalable project structure that is followed when developing the application.

1. In the project codebase, there will be three main folders called pages (holds all the pages in the app), styles (holds all global styles in global.css and page dependent styles if you are using plain CSS) and components (holds all components used by each page).
2. The pages folder is default and pretty straightforward and nothing much of a hassle, for every page in the app, we create a file with the corresponding name inside it.
3. The styles folder is also a default folder by next.js that holds the global styles and page/component dependent style if you prefer to use plain CSS instead of TailwindCSS.
4. The components folder however is something I have decided to include, here's what it'll house:
   • Every component that is reused throughout the entire application (like a button component) will be stored inside the components folder like so - components/Button.js.
   • Every page specific component (like a home hero component) will be stored inside a folder with the name of the page inside this components folder, like so - components/Home/Hero.js.
5. These three folders are sort of the main ones we need at the start, in the future if we were to have certain handler functions or something similar, we'll include a separate folder called lib or services.

Please feel free to suggest your thoughts.

What is the issue?

Nowadays everyone uses Prettier, An automated code formatting tool.

The issue is everyone have different global settings of prettier according to their style. BUT this can cause useless changes to opensource projects as many people works on same code.

So having a prettier config file inside project directory can resolve this issue.

How to solve this issue?

adding a file .prettierrc and .prettierignore will solve this issue

The Cancel button in an idea's page is routing to the home page (landing page).
And instead it should route back to the ideas listing page.

Describe the bug
At tech-stack and credit page here both tech stack (i.e: Nextjs and TailwindCSS) redirecting to (https://nextjs.org/)

To Reproduce
Steps to reproduce the behavior:

1. Go to Home page
2. Scroll down to footer and click on Tech Stack and Credit
3. Click on any of the tech stack (Nextjs or TailwindCSS)
4. In both cases it will redirect to nextjs home page

Expected behavior
Nextjs tech-stack should be redirect to official home page of nextjs and TailwindCSS tech-stack should be redirect to official home page of tailwindcss.

Screenshots

Desktop :
In all browser

Smartphone :
All devices

Additional context
I would like to work on this issue. I can fix it, please assign me

Is your feature request related to a problem? Please describe.
Add blog link to winners card

Describe the solution you'd like
NA

Describe alternatives you've considered
Na

Additional context
NA

Is your feature request related to a problem? Please describe.

We need to create a new initiative page for the event #2PlaysAMonth initiative.

The Motto:

• Create 2 plays in the month.
• At the end of the month, we judge the submissions based on criteria.
• We publish 3 Winners and 3 Special Mentions. The initiative may have sponsors. In that case, Winners will get prizes.

Describe the solution you'd like
Right now the home page route sets to: hackrplay/2022/home. Create a new route called 2playsamonth/2023/home and the new home should have the followings:

• Use the exact structure like this page: https://hustles.reactplay.io/hackrplay/2022/home (Hack-R-Play)
• We will not show the WINNERS link in the header and the WINNERS section in the beginning.
• We will change all required data that is related to our new initiative(Contact @atapas for data)
• We need to change the logo and images(@nirmalkc will give that)
• We need to change the color and font for the theme(@nirmalkc will do that).
• If we have a sponsor, will add the sponsor section, else remove it.

Additional context
Once this page is up and deployed, we need to link it from ReactPlay main page from a banner.

• Please use this branch https://github.com/reactplay/activities/tree/2-plays-a-month

@atapas will add all updates here in this issue.

Should introduce

• Like feature
• Comment feature
• Timeline

Is your feature request related to a problem? Please describe.
Currently its hard to figure out completed and inprogress items in the idea list page. This is very much required to understand the status of the event.

Describe the solution you'd like
Implement a status filter for idea list page

Describe alternatives you've considered
NA

Additional context
NA

Take care of all the strings and make them meaningful for the Hackathon.

Seems like we've missed to change the extended date of the hackathon in some places

The landing page ins already implemented and has been merged, but it lacks mobile resposinveness.

Describe the bug

Currently to set https://hustles.reactplay.io/hackrplay/2022/home as the home page of the application, we use the useEffect hook. Instead a more efficient way of doing it in Next.js is by setting up custom redirects.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://hustles.reactplay.io
2. You'll see it redirects you to https://hustles.reactplay.io/hackrplay/2022/home
3. And as a side effect of this, you see a flash of the actual page at /.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Describe the bug
A clear and concise description of what the bug is.
FAQ answers are not readable, it looks too dull.

To Reproduce

Expected behavior
A clear and concise description of what you expected to happen.
We should change the answer's colour to make it readable.

As we are extending the deadline, we have to change the dates in every image that mentions it

This feature will track the implementation cycle of #11

Additional Context:

• This page will be hosted in a subdomain of reactplay.io. e.g.: https://hustles.reactplay.io/
• User need not be authenticated to view this page
• Codebase will be held within a completely separate repo: https://github.com/reactplay/activities
• All events specific snippets will be maintained under event-specific directories

Describe the bug
FAQS section looks way too expanded in mobile devices.

To Reproduce
Steps to reproduce the behavior:

1. Go to FAQS (mobile devices)

Expected behavior
FAQS section should be more responsive in mobile devices.

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: firefox
• Version: latest

Smartphone (please complete the following information):

• Device: realme x7
• OS: Android 11
• Browser: chrome
• Version: latest

Additional context
I would like to work on this...

The idea of this feature is to create a code-level switch to show the ongoing activity banner on reactplay landing page.

Usually, the reactplay.io home page will render a predefined banner related to the community. However when the community goes into a very specific activity, a switch will be flipped and the banner will be replaced with the event one,

To put it into context, reactplay is going to co-host a hackathon very soon. To emphasize the event, the home page banner should be replaced with hackathon-related image. Upon clicking this, the page will redirect to https://hustles.reactplay.io/

Here goes the current home page banner that appears in the first fold of the page view.

• We want to get rid of the video
• Want to have a clear communication that we will be hosting a Hackathon(Call it ReactPlay Hackathon for now)
• Should have the button to go to the register page.
• Should have the button to "share about it"
• Should have exciting graphics for users to relate it is a Hackathon
• Should have the way to project the sponsor who is sponsoring the hackathon
• The banner should match the theme of the rest of the app.
• We still want to retain the app heading, browse, and the GitHub button.

Create top level components such as the Navbar, Footer, Buttons that will be used throughout the application

Describe the bug
When we open up submitted ideas in mobile devices the border of the card is not fully visible it lacks responsiveness

To Reproduce
Steps to reproduce the behavior:

1. Go to submission
2. Open an idea (mobile)

Expected behavior
I think the border of the card should be visible from all sides

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Ubuntu
• Browser: firefox
• Version: latest

Smartphone (please complete the following information):

• Device: realme x7
• OS: Android 11
• Browser: chrome
• Version: latest

Configure TailwindCSS with Next.js for this project.

Is your feature request related to a problem? Please describe.

As part of the Hackathon, we have added the feature of commenting on an Idea. It would be great if we could trigger an email to the idea creator whenever someone comments.

The email message should contain the comment and a link to come to the comment and respond back.

The email should be sent from the [email protected] email.

Describe the solution you'd like

We Use Nhost as the backend, and Nhost uses Hasura. Hasura allows us to trigger an event when a GraphQL mutation happens. As part of the event trigger, we can utilize the Serverless function(from Nhost) to send emails.

Describe alternatives you've considered
None

Additional context
This should be implemented as a common design so that the same paradigm can be used everywhere to trigger emails based on a trigger.

• Create a minimally viable credits and tech-stack page.
• Link it will the hackathon page footer.

The idea of this feature is to implement an idea listing page for nhost-reactplay hackathon.
The page should contain

• List of cards for each of the idea
  • A card will contain
    • Idea title
    • Idea description
    • Members/hackers image with name
    • Idea status
• A registration page link
• This page will be hosted under: https://hustles.reactplay.io/22/nhrphackathon/ideas

Describe the bug

When using the redirects api of nextjs to set the default route to be /hackrplay/2022/home, and it doesn't seem to work

To Reproduce
Steps to reproduce the behavior:

1. Go to https://hustles.reactplay.io/
2. It should redirect you to /hackrplay/2022/home,but instead you are left with the initial homepage
   Expected behavior
   A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

The objective of this feature is to come up with a reusable idea listing page for any sort of hackathon/hackfest program

The page should contain

• List of cards for each of the idea
  • A card will contain
    • Idea title
    • Idea description
    • Members/hackers image with name
    • Idea status

Describe the bug
In mobile devices after clicking on hamburger menu Register Now button is not working

To Reproduce

1. Open it on any small screen devices (mobile devices) or open it in responsive mode in any browser using developer tools.
2. Click on hamburger menu on top right
3. Click on Register Now button. It won't redirect you to registration page

Expected behaviour
After clicking on Register Now button it should redirect to registration page.

Screenshots

Desktop

• OS: Windows 11
• Browser: Chrome
• Version: 105.0.5195.127

Smartphone

• Device: Realme 6
• OS: Android 11
• Browser: Chrome

Additional context
I would like to work on this issue, please assign it to me...!

Two issues:

• The REGISTER button should not appear in the navbar of the registration page.
• The CANCEL button does not re-route.
• The REGISTER button in an idea page doesn't redirect to the registration page.

Problem
There are a few grammatical errors in the README.md file.

What needs to be done?

• Note: We do checkin yarn.lock file. So it's adviced to use yarn package manager. If you need to use any other package manager,remove yarn.lock file from local directory first. Also, do not check in any other lock file.

The above para needs to be changed to (the changes are highlighted)

• Note: We do check in yarn.lock file. So it's advised to use yarn package manager. If you need to use any other package
  manager, remove yarn.lock file from the local directory first. Also, do not check in any other lock file.

Screenshot of the exact paragraph from readme:

Check if the Authentication for the sub-domain has got any issues. As per the NHOST team, it should work seamlessly but we need to confirm asap and if there is an issue we need to work with them.

Please use the @nhost/nextjs library for this project.

Is your feature request related to a problem? Please describe.
NA

Describe the solution you'd like

• Only authenticated user can open this page

• Should have the following fields

  • Idea title [textbox]
  • Idea description [richtext]
  • Add member option: Only registered members can be added(Max 2)

• The same page would be used for editing the information

• Only the owner can edit an idea

Describe alternatives you've considered
NA

Additional context
NA

@atapas
Describe the bug
In the FAQ section,
there should be more space between the title "FAQ" and the accordions

Screenshots