avie-dev / spaceslounge

Twitter Spaces Host and Speaker's Lounge

About Me

Tech Stack

Hi 👋, I'm Avie:cherry_blossom: A Filipino engineer working in Japan 🇵🇭:jp: 8 years experience as a Back-end/BI/Data Engineer I'm a community leader at Open Source Software PH (https://ossph.org/) I'm a community manager at 4C (https://www.4c.rocks/) Now studying: System design Digital Illustration Hobbies: Learning, teaching Japanese Language and talking to people Drawing, reading manga and watching anime Web Design Hosting Twitter Spaces OpenSource

spaceslounge's Issues

Change SASS codes to Tailwind CSS

My Activity:

• Navbar
• Header
• What is Spaces Lounge?
• Why Spaces Lounge?

My task is to finish these sections

[Docs] improve README file

The current README doesn't have the tech stack information. If we can add tech stack, that can be helpful for the contributors.

For example:

• NextJs
• Tailwind CSS

The Page text doesn't have any use in footer

Description

The Page text doesn't have any use in footer. Maybe we can make it a link to the top or home page.

Screenshots

No response

Additional information

No response

404 pages

if the user goes to a page which doesn't exist, The page must bring something for the user.
We have to make 404 page.

• Desgin
• Code
• Test the website

[FEATURE] Footer

Description

Right now, There is a footer but we can develop it to look beautiful.

How to access the files that We need for this issue:

1. The File that We must work is located in ./src/components/Footer/Footer.js
2. We can check the design here
3. We can access the logo in ./public/Header img.png

The links that We should add as href:

• Host - /host
• Speaker - /speaker
• Space Light - / (We'll tell you later)
• GitHub - https://github.com/avie-dev/spaceslounge
• discord - https://discord.gg/4ccommunity

Screenshots

Additional information

Feel free to take this issue and tell us a deadline.

Create a Pull Request template

Add a pull request template for this project.

Add ESLint, Prettier and Husky

Add and configure ESLint, Prettier and Husky

Create a how-to contribute page

Create a how-to contribute page: name convention, what to commit and whatnot, etc

Create Wireframes [Eno]

Create wireframes for the following

• Host Pages
• Speaker Pages
• Spaces Pages

Check here for reference

[DOCS]: Update the documentation

Description

We should make a clear and good documentation for our website

Screenshots

No response

Additional information

No response

Favicon

I want to add a favicon for the website...

Footer when it is in big screen

Description

There is a problem with the footer.
When we are on a big screen, The footer must be at the bottom of the page.

Screenshots

Additional information

No response

Refactorize the folder Structure

The changes that I want to brought are:

1. Add a containers Folder
   You can add your large Folder in the containers
   

What will be the different between components & containers❓

Components: make a folder for small things.
Containers: make a folder for largest things.

2. I'll change the text intro animation.

3. I'll add background to the Navbar if the user scroll more than 100

[FEATURE] Connect Spaces Lounge To The Twitter Api to get live Spaces

Description

connect Spaces Lounge To The Twitter Api to get live Spaces so as to enable volunteers and partners to better keep track of live spaces

Screenshots

No response

Additional information

No response

Fix Accessibility Issue on the theme button on the NavBar page

Description

I would like to add an aria-label attribute to the button

Screenshots

No response

Additional information

No response

[FEATURE] Add hover effect on buttons

Description

I have experienced that buttons & icons such as twitter, discord, github and theme toggler does NOT have any hover effect. It would lead to a good user experience and make the more attractive & beautiful if we add the hover effect.

Screenshots

No response

Additional information

I'm open for any suggestions and feedbacks :)

[CHORE] Add issue template

Having an Issue template will be really helpful.

We easily track the issues like:

• Docs
• Feature
• Bug

I would like to add issue templates to this project. Thanks in advance!

[FEATURE] Refactorizing the whole code

Description

The Front-End part is done, so right now We need to refactorize the whole code to be readable and clean.

[Bug] Contributors

Description

We need to add three other contributors on the page, and they're:

1. Jeson
2. Luiz
3. Zona

Note:- We have to check all the links for being sure whether they are correct or not.

Additional information

You just need to work with contributors.json file which is located in ./src/content/contributors.json.

Tooltip information

Description

I want to add a button at the corner of the page, when the user clicks it, they will see something.

Screenshots

Additional information

No response

[FEATURE] Add Sign-up page.

add sign-up page with its contents.

[FEATURE] Host Dashboard

Description

I want to make the Host-Dashboard & Add-Space page?

• Host-Dashboard
• Add-Space

Screenshots

Additional information

I'm going to finish this Issue by tomorrow.

🗓️ Deadline: 01/08/2023

Information about the Website

Description

In the website, There are two section that need someone to write something about the website...

1. What is Spaces Lounge? Right now there are 3 items for description, you can add more than that If you want
2. Why Spaces Lounge?

Tasks for this issue:

• What is Spaces Lounge?
• Why Spaces Lounge?

Screenshots

Additional information

No response

[FEATURE] Sign in Page

Description

Right now, There is a section for it but we can develop it to look beautiful.

Current Design:

How to access the files that We need for this issue:

• The File that We must work is located in ./src/pages/sign-up.js
• We can check the design here

Screenshots

The new design that we want to have instead of the current one.

Additional information

We'll talk about some details once this issue is assigned you.

Home Page

I'll make the home page of the Website.

• Navbar
• Header
• What is Spaces Lounge?
• Why Spaces Lounge?
• Footer

[FEATURE] Speaker Dashboard

Description

We need to make the Speaker-Dashboard.

• Speaker-Dashboard

Screenshots

Additional information

No response

feat: Footer

This project currently does not have a footer. So, I want to create a footer for this project.

• Footer Design -
  
  Can I work on it?

[FEATURE] Space page light

Description

We need to make the Space-Light page.

• Space page light

Screenshots

Additional information

No response

Increase the line height of the text on the landing page

Description

I want to increase the line height of the para after the SpaceLounge heading text on the landing page.

Screenshots

Additional information

No response

System Testing

Description

System test cases

We will do two types of tests.

1. System test base on test cases or test specifications
2. Monkey testing (no test case, just randomly use the project and check if there are bugs or needed improvements)
   We will do both.

Screenshots

No response

Additional information

No response

[FEATURE] What is Spaceslounge?

Description

Right now, There is a section for it but we can develop it to look beautiful.

Current Design:

How to access the files that We need for this issue:

• The File that We must work is located in ./src/components/Home/Information1.jsx
• For the data, that is located in ./src/content/Website_Info.js
• We can check the design here

Screenshots

The new design that we want to have instead of the current one.

Additional information

We'll talk about some details once this issue is assigned you.

Note
It'd be great to tell us a deadline for this issue.

Add a contributor page

Add a list of contributors on the spaces lounge site.

• design
• code
• user test

[DOCS] <Spaces lounge Documentation update>

Description

we should create a new and clean documentation for our website.

Screenshots

No response

Additional information

No response

[FEAT] Migrate to Tailwind CSS from SCSS

Issue

Benefits:

• no need to create an extra file to style
• huge developer community
• Takes less time to write the code comparing to SCSS
• The best documentation.
  https://tailwindcss.com/docs/installation

Netlify

We've connected this Repo to 2 website (Vercel & Netlify).
It's better to remove one - Neltify

[FEATURE] One link in Navbar must be deleted

Description

For this website, We don't need sign up button, because the user can only sign in with twitter auth.
That's why we need to remove one link.

Current Navbar:

How to access the files that We need for this issue:

• The File that We must work is located in ./src/components/Navbar/navbar.jsx

Screenshots

The new design that we want to have instead of the current one.

Additional information

No response