Print account status in the final reveal of the /gift page

Create components to reduce the code on the pages directory. Use lucide-react icons instead of rendering svg's at places

Sidebar Logout Button Issue

Description

Logout button is appearing twice in mobile view.

Steps to Reproduce

1. Navigate to the welcome page of the application in mobile view.
2. Open sidebar and click on profile.
3. You will see logout button appearing 2 times.

Expected Behavior

Logout Button should appear only once.

Proposed Solution

I believe it has something to do with how we are controlling open state of Dropdown. Need to remove the open state from Dropdown as Dropdown trigger opens the content automatically.

Screenshot

Make a really extravagant landing page have links to samay's bookmyshow, merch, insta , twitter, at at the bottom.

Move the code from src/pages/board.tsx to its separate component

For some reason after I login, it shows blunder and when I go "back home" and again singup... it logs me in. 🤷🏻

Create a beautiful learn page highlight chess.com's diamond memberships features and add samay's affiliate link

The leaderboard table's styling is not optimized for mobile view. It overflows the screen. If this issue isn't identified and assigned to someone can i fix it?

Issue Description:

When accessing the URL https://www.bmsamay.com/community or any other path without logging in, the expected behavior is for the application to redirect the user to the login page to authenticate.

Current Behavior:

Currently, the application allows access to https://www.bmsamay.com/community and other paths without requiring authentication.

Expected Behavior:

The application should enforce authentication by automatically redirecting users to the login page when attempting to access https://www.bmsamay.com/community or any other path without being logged in.

Can anyone take this up - inform users that we are using cookies

Cannot Use New YouTube Channel Name Link "www.youtube.com/@SamayRainaOfficial"

Description

I am encountering an issue where I am unable to use the new YouTube channel name link "www.youtube.com/@SamayRainaOfficial". When I attempt to access this link, it redirects me to "https://www.youtube.com/sama" instead.

Steps to Reproduce

1. Attempt to access "www.youtube.com/@SamayRainaOfficial" in a web browser.
2. Observe the redirection to "https://www.youtube.com/sama".

Expected Behavior

The link "www.youtube.com/@SamayRainaOfficial" should direct me to the corresponding YouTube channel for "SamayRainaOfficial".

Duplicate Twitter Links in Footer, Missing Instagram and Reddit Links

Describe the bug

The footer in the landing.tsx component contains two links to Twitter and does not include links to Instagram or Reddit.

To Reproduce

Steps to reproduce the behavior:

1. Go to the landing page of the application.
2. Scroll down to the footer section.
3. Observe that there are two Twitter links.
4. Notice that there are no links to Instagram or Reddit.

add keyword events for surfing through the game using arrow keys

We need to implement a new page titled "Share Your Games" that allows users to share and view chess games. This page should include the ability for users to post their games, view games shared by others, and interact with them. The feature will enhance user engagement by allowing users to showcase their chess games directly on our platform.

Functionality Requirements

1. a page to view game
2. This page will have a share game popup where you will have a dropdown to select any recent game ( option will have timestamp with opponent name and verdict ) and a text field to add some text.
3. A user can click on a game from that page and go to that specific game page (/games/:id) and there he can see the game/add comment

Steps to Reproduce

• Open https://www.bmsamay.com/community on a small screen or resize the browser window to a vertical layout.
• Hover over the username on any card
• Observe that the black div containing the user information is being overlapped by the card elements.

@all-contributors please add @krushna06 for #33

Add Error Boundary to catch errors and show a fallback UI

I think as the project grows more and more data fetching will be an issue, i would like to implement react query here.

A scroll bar does not fit with the overall design. Customization would be great

On clicking the "Predict now" Button it doesn't do anything if I am not signed up. Can I make a logic there to open the same signup page pop-up if the user is not signed up yet?

Overview
The Hamburger icon is overlapping the header part of the site the text (Community Dashboard) should be smaller and hamburger icon should adjusted according to that

Steps to Reproduce

1. Go to this url https://www.bmsamay.com/community?token= on any mobile device

Expected Behaviour
The Hamburger icon should be on the side and the text should be smaller

Actual Behaviour
The Text is overlapping the hamburger icon

Screenshot

Environment
Iphone 15 plus (Chrome)

Two backend URL's
api = VITE_BACKEND_URL
api 2 = VITE_BACKEND_URL_2

Users can interact with the AI and ask their questions there. As a member of BM Army, you will receive it as a gift for free for a lifetime.

Use the default board theme which chess.com uses

fix the responsiveness

I noticed that the website is using URL encoded token for authentication which comes with the security risks:
Tokens in URLs can be logged in browser history, server logs, or shared inadvertently.
This can expose the token to unintended parties.
Implement a cookie based token which is more secure.
You can use auth.js if the backend is in express.js.
With auth.js sign in with discord, facebook etc can be easily implemented.

Can the README file be further improved by adding Table of Contents for a better navigation and Contributing guidelines for a more standardized process.

How about adding a clickable link in the user name that will open the chess.com profile of that user on a new tab?

Issue Summary

When you hover on the cards on the community dashboard page displaying the stats, there are cards which displays the highest rated player in bullet, blitz and rapid. When you hover on the username mentioned under the rating, it is supposed to show the display picture, their followers and the country details. Instead of country details it shows the end-point url for chess.com for the country.

Steps to Reproduce

1. Login with your google account
2. Use the navigation bar on the left and click Community
3. Hover on the username below the Highest Rapid, Highest Bullet and Highest Blitz

Actual Behavior

1. Here the api link is visible
   

2. Here the on-hover is displayed below the card
   

Possible Solution

1. Ensure that the api is returning the Country name and display that, not the URL.

2. Update the on-hover logic to position it above the Highest Puzzle Rush card.

Issue: License Template Missing Year and Owner Name

The MIT License template provided does not specify the current year or the full name of the copyright holder. According to the MIT License requirements, it should include:

• The current year when the software is being distributed (2024).
• The full name of the copyright holder (Samay Raina).

This information is crucial for clarity and compliance with the license terms. Could we please update the template to reflect the correct details?

The link of repo needs to update in the initiating the process

Mobile Responsiveness board should shrink down

Chess board sounds for

• new move
• captures
• check
• checkmate

The current color palettte is fine but I think something like a ligher green/black (light green from chess.com's logo)
Or a black/grey
Or dark grey/grey (discord color palette) might look better.

The logout button on the sidebar seem to break due to auto-slide-in slide-out. UI bug

As requested we have a dev discord for now https://discord.gg/hD5neU5U

Add relevant tabs for chess tutorials , and relevant and instructive chess playlists

Issue: Blurry Image on Welcome Page

Description

On the welcome page of the website/application, the current image appears blurry. This affects the visual appeal and quality of the page, potentially impacting user experience negatively.

Steps to Reproduce

1. Navigate to the welcome page of the application.
2. Observe the image section.
3. Notice that the image is blurry or low resolution.

Expected Behavior

The image on the welcome page should be clear and of high resolution, providing a visually appealing introduction to the application.

Proposed Solution

Instead of the current blurry image, consider adding a new element that includes a selection of high-quality random images. This will enhance the visual appeal of the welcome page and provide a better first impression to users.

Screenshot