🎮 feature Request

• The landing page looks quite static.
• I can improve the UI of the homepage and make a better landing page with greater responsiveness.
• I will also change the fonts of the words and will a create a more attractive webpage.

Please assign me this under GSSOC'24 I will update and make proper responsive the home site.

Point down the features

feature points-

1. Font style change
2. Will involve some animation that will show the page more attractive
3. Navbar with proper responsiveness
4. More attractive icons in the homepage

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Play button of this website needs to bhi improve .. need good user interface . please assign this task to me .

Describe the solution you'd like

Solution steps

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

Enhancement

Variable Declarations

• Encourages declaring variables locally within functions to improve readability and prevent potential conflicts.

Function Declarations

• Advises converting function declarations to function expressions where applicable to better control scope and improve code organization.

Use const and let Instead of var

• Recommends replacing the usage of var with const or let to enforce immutability and block scoping, which leads to fewer bugs and clearer code.

Caching DOM Elements

• Suggests caching frequently accessed DOM elements to avoid redundant and potentially costly document.getElementById() calls, thereby enhancing performance.

Optimize Looping

• Proposes refactoring loops to minimize iterations and enhance efficiency, leading to faster execution and reduced resource consumption.

Reduce DOM Manipulations

• Advocates minimizing DOM manipulations by batching operations where possible to reduce rendering overhead and improve user experience.

Reduce Redundant Code

• Highlights the importance of identifying and eliminating redundant code blocks or operations to streamline the codebase and enhance maintainability.

Event Listeners Optimization

• Recommends consolidating event listeners and avoiding attaching multiple listeners for the same event on the same element to improve code clarity and performance.

Optimize CSS Manipulations

• Suggests adding or removing CSS classes instead of directly manipulating inline styles to separate concerns and enhance code readability.

Minimize Memory Usage

• Encourages releasing resources promptly when they are no longer needed to prevent memory leaks and improve overall system performance.

Error Handling

• Advises implementing robust error handling mechanisms to gracefully handle unexpected situations, ensuring the stability and reliability of the application.

What is the expected behavior? 🤔

Here's a high-level summary of the optimizations:

• Encapsulate variables within functions.
• Use const and let instead of var.
• Cache frequently accessed DOM elements.
• Optimize loops and minimize iterations.
• Batch DOM manipulations.
• Eliminate redundant code blocks.
• Consolidate event listeners.
• Optimize CSS manipulations.
• Minimize memory usage.
• Implement error handling.

Provide step by step information reproduce the bug 📄

Solution Steps

game.js on GitHub

Encapsulate variables within functions

• Review the codebase and identify global variables that can be encapsulated within functions to limit their scope and reduce the risk of unintended side effects.

Use const and let instead of var

• Update variable declarations throughout the codebase, replacing var with const for constants and let for mutable variables where appropriate.

Cache frequently accessed DOM elements

• Identify elements that are frequently accessed within loops or event handlers and cache them using variables to minimize DOM traversal overhead.

Optimize loops and minimize iterations

• Review loops within the codebase and refactor them to minimize unnecessary iterations and improve algorithmic efficiency where possible.

Batch DOM manipulations

• Analyze DOM manipulation operations and look for opportunities to batch multiple operations together, reducing the number of reflows and repaints.

Eliminate redundant code blocks

• Conduct a thorough code review to identify and remove redundant code blocks or operations, simplifying the codebase and improving maintainability.

Consolidate event listeners

• Consolidate event listeners for the same event type on the same element to improve performance and simplify event handling logic.

Optimize CSS manipulations

• Refactor code that directly manipulates inline styles to utilize CSS classes instead, promoting separation of concerns and improving code readability.

Minimize memory usage

• Implement mechanisms to release resources promptly when they are no longer needed, such as removing event listeners or deallocating objects.

Implement error handling

• Identify potential error points within the codebase and implement appropriate error handling mechanisms, such as try-catch blocks, to gracefully handle exceptions and prevent application crashes.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

As we can see that the buttons look so dull and not much attractive .I would like to enhance these buttons and add hover effects so that it looks attractive.

i am here adding a sample picture about how i want to design the buttons .

@Durgesh4993 sir please assign this issue to me under gssoc 2024 .it would give me pleasure to work over it

Point down the features

feature points

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

I will make is more friendly UI to it so that more users come and play this game

Describe the solution you'd like

In this game i will add hovering and many other things to make more comfortable UI

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 Feature Request

I would like to enhance the application by adding the ability for users to switch to full-screen mode after pressing a button on the screen or using a key. This will provide a more immersive experience for users and improve usability.
Please assign this issue to me under GSSoC'24

Point down the features

• Implement input handling logic to detect button presses or key events.
• Introduce functionality to toggle full-screen mode based on the user input.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

I want to pace the options provided in the home page in the buttons as it will make it look more better.I want you to assign this issue to me under GSSOC'24.

Describe the solution you'd like

I will also change the fonts of the words so that it is more visually appealing.

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Hover effects on the initial buttons on the starting page would look good as currently there are no hover effects.

@Durgesh4993 Please assign this issue to me under GSSoC'24, I will add good hover effects to make it look more appealing.

Point down the features

feature points

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

The game can be very confusing for someone who is playing it for the first time. There is currently no instructions or help guides on how to play the game.

Point down the features

Properly structured guide on how to play the game

Video walkthroughs demonstrating the Guide

Separate interactive page for the instructions

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement

I want to add buttons to the website. When visitors land on the website, they should see buttons labeled "Continue" "New Game" and "Sound On/Off". This will make navigation and understanding easier for users.

Describe the solution you'd like

Solution steps:
Create visually distinct buttons for "Continue' , "New Game" and "Sound On/Off" using clear labels.
Ensure the buttons are large enough to be easily clickable and stand out from other page elements.
When someone hovers over the buttons, make them change a little, like color or size.
Use HTML and CSS to create the buttons and style them.

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Want to improve all the buttons and adding effects on "phyis-c Tech" header in the home page and adding hover effects to make the UI look better.

Point down the features

feature points

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

feature logic and basic description:
To enhance user experience adding a tap tool for the delete icon and other icons would be beneficial. When the user hovers over an icon on the navbar or scroll bar, it shows them the name of the feature or icon.

Point down the features

feature points:

• on hovering the name of the feature would be displayed
• would reduce confusion

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

please assign this issue to me

🎮 feature Request

I will implement a responsive design, so that the user gets a fulfilling experience whether they are on their desktop, tablet or smartphone. I would also improve colour scheme of the website.

Point down the features

•The website adjusts seamlessly based on the screen size.
•I would add a better colour scheme soothing to the eye while maintaining the individuality of the website.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

feature logic and basic description

Point down the features

feature points
I would like to add favicon icon using html

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Adding dark theme to the game . pls assign this issues to me under gssoc'24 tag

Point down the features

feature points :- Dark theme

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Any game is incomplete without its music. I would add a sound effect in the background.

Point down the features

I will search for a sound effect that matches with the game.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement

1. There should be seperate columns for mixing items with each other just giving a blank canvas to mix confuses people what all they have mixed so far.
2. Also it should be written before each icon what they are made up of.
3. there should be a column for the no of attempts made so far.

Describe the solution you'd like

Solution steps

1. Separate Columns for Mixing Items
   Create separate columns or sections to visually represent mixing process
   Display combined items in these columns or sections
2. Description of Icons
   Add descriptions for each icon to clarify what they represent
3. Column for Number of Attempts
   Add a column or section to display the number of attempts made so far

Select program in which you are contributing

GSSoC23, Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

By adding a Favicon icon enchances its overall apperrance

Point down the features

-It will give website its logo and acts as hallmark for the users

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

Vertical Scrolling is not required on the home page
If the scroll is at the bottom of the page and then if we try to start the game it stays at the bottom and the game is not visible.

What is the expected behavior? 🤔

vertical scroll should be removed.

Provide step by step information reproduce the bug 📄

By using the overflow property we can hide it

@Durgesh4993 please assign me this issue under GSSOC'24

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

it would be easy and good , if CSS file would also exist in the repo and all the CSS code can be implemented over there.

KINDLY, assign this issue to me under GSSOC 24

Describe the solution you'd like

Solution steps

By creating a separating CSS file , and adding all the CSS code over there in that fille

Select program in which you are contributing

GSSOC 24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

The landing page scroll is unnecessary, and there's a typo on the hint page.

What is the expected behavior? 🤔

unnecessary scroll should not be there and on hint there should be follow instead of foll

Provide step by step information reproduce the bug 📄

that scroll doesn't look good on the landing page

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

As we can see that index.html contains the css code..It makes html and css code mix.I want to create a separate style.css

What is the expected behavior? 🤔

Separate style.css

Provide step by step information reproduce the bug 📄

I will create a style.css file
Please assign this issue to me @Durgesh4993
Under GSSOC 2024 and add necessary labels

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

I want to enhance its Loding animation, and want to add few buttons like go to top,end. I also want to add a animated scroll bar.

Describe the solution you'd like

Changes that I'll make will improve its overall look and feel, which will lead to more interactivity.

Select program in which you are contributing

GSSoC23, Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

1)adding a background image
2) adding hover effects to the buttons
This makes the page more interactive and attractive

Describe the solution you'd like

solution steps

1. adding a background image
2. applying hover effects on the buttons

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Describe the bug ✍️

Can you please provide the details about how the game works . I can add those details in the readme.md file which will make the documentation of the project complete and it will also help beginners like me to understand the project in a better way.
also it is coming like this :

Provide step by step information reproduce the bug 📄

for people to understand the project in a better way documentaion is required. If you can give me details about the project I can add them in the readme file under GSSOC'24.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

feature logic and basic description
customer rating or feedback

Point down the features

feature points
would include basic questions like how would they like to rate etc and ask them for any difficulties

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

The game doesn't provide enough description on how to play it. There should be pop-ups on how to play the game for beginners.

Describe the solution you'd like

We can have pop-up like these to make it beginner-friendly.

1. It becomes difficult to navigate the home and hint icon.
2. There should be pop-ups to describe the game and its flow.
   We can have pop-ups like this:

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

At the place of this, I would make a new screen for loading which would be more sleek and intuitive.

Point down the features

1. New loading screen at the beignnning
2. Based on game theme
3. Animated

Can you assign this to me?

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement
When I, as a new user of the game, opened the game, I was a bit confused about what the game is about and what should a player do. After clicking the buttons and hints for several times I understood what the game does.

Describe the solution you'd like

Solution steps
As a solution to this problem, I would like to include a 'how to play' or 'about game' section which explains the steps of the game to new users.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

'Doctor Who' is created by combining 'time travel' with 'goodness', but after creation it does not show up on the 'Discovered elements' section.

What is the expected behavior? 🤔

As each 'element' is discovered, it should show up in the section below the combining area, which we can call the 'Discovered Elements' section (or 'pantry slot section' as it has been referred to in the code). Out of the discoveries I have tried yet, the 'Doctor Who' element does not show up in that section. It requires fixing, along with checking all other possibilities of combinations to make sure that all other elements show up on the 'Discovered Section'. Along with that, we can label the sections for 'combination' and 'discovered elements' for better user experience.

Provide step by step information reproduce the bug 📄

To discover 'Doctor Who', we need to combine:
Force + Force = Opposite
Opposite + Time = Time Travel
Time travel + Goodness = Doctor Who.
On discovering Doctor Who, we can see that it does not appear in the discovered section.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Game logo adding on the Website header

Point down the features

i add the logo here

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Adding Navbar
Would like to add a Navbar which will inorporate the current Home ,past play wins icons in it , making the experience for the UI better.

Point down the features

feature points

1. Addition of Navbar
2. Icon on top will appear clearly
3. Increase in web-app appeal

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

The goal of this feature request is to implement a footer across all pages of our project repository. The footer should include essential links.
The footer adopts a clean and minimalistic design to maintain consistency with the project's overall aesthetic.
It utilizes contrasting colors and clear typography for improved readability and accessibility.
The layout is responsive, ensuring optimal viewing and interaction across various devices and screen sizes.

Point down the features

Navigation Links: Clearly labeled links to important sections of the project, such as Home, Documentation, Contributing Guidelines, and Contact.
Social Media Icons: Icons linking to the project's official social media profiles for easy access and engagement.
Copyright Information: A copyright notice to protect the project's intellectual property rights.
Privacy Policy: Link to the project's privacy policy for transparency and compliance with data protection regulations.
Contact Information: An email address or contact form for users to reach out with inquiries or feedback.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement:

1. The fonts are not comforting eyes.
2. Icons are not that good for the elements
3. Code is not modular and maintainable
4. Two scroll bars of (one of whole game and second of discovered section)
   
5. The discovered section height is fixed looking unprofessional
   

Describe the solution you'd like

Solution steps
I want to style and restructure the whole game by adding:

1. The Industry standard Fonts for Headings and Text
2. Improve the Icons
3. Adding modularity to the codes and css files so that the code maintenance will be improved
4. Removing one scroll bar, because there are two (looking not good) .
5. add the down section of discovered elements have so much space make it responsive in terms of automatically width increment when elements are found

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

feature logic and basic description

Point down the features

feature points
I would like to add the hover effect and background color on homepage button using CSS.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Give a brief about the bug ✍️

I have found that when we click the bulb for want more hints ...You can see that there is a spelling error "Foll" instead of "follow"

What is the expected behavior? 🤔

Description

Provide step by step information reproduce the bug 📄

i would like to correct this spelling error.

@Durgesh4993 please assign me this issue under GSSOC 2024 and add necessary labels

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet(Using Github bots) users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me

Point down the features

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement: The small hut at the top left corner become very difficult to identify. The user will get confuse about its functionality. The home icon should be more understandable.

Describe the solution you'd like

Either i can change the home icon or add a hover effect on it. As soon as user hover on it it will display home which will make the user understand that it is the home page icon.

Select program in which you are contributing

GSSoC23

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Description:
Feature Proposal: Back to Top Button
This feature proposes the addition of a "Back to Top" button functionality to enhance user experience in navigating through lengthy pages within the project. The "Back to Top" button would allow users to swiftly return to the beginning of the page, offering convenience and improved usability.

Point down the features

The proposed solution involves implementing a visually discreet yet easily accessible button, positioned at the bottom right corner of the viewport. Upon clicking or tapping, the button smoothly scrolls the page back to the top, providing a seamless navigation experience. The button's design will align with the project's aesthetic principles while maintaining clarity and functionality.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

When we click on the new game we are directed to the game directly the user is not aware of the game rules, the hints are available but they are not understandable and there are few grammatical mistakes as well.

Adding a new instructions page
Removing few grammatical mistakes in the hints.
for example in the below provided image it should be "follow the link"
and that link is directing to linkedin page which is not helping in understanding the game.

Describe the solution you'd like

Add an instruction page after new game.

Select program in which you are contributing

Other

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Describe your question or ask for support.❓

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

Select program in which you are contributing

No response

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

Want to improve font style and color so as to increase UI

Point down the features

Choosing the right font has a huge impact on how the readers experience a website. The right font can create a strong identity for your brand

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

Game enhancement
We can work on the opening page ui ux and then we can make the features visible while the user scroll down.

Kindly assign the issue to me.

Describe the solution you'd like

Solution steps
I will create a figma ui ux then implement on code using gsap animation and bootstrap and then we will add some more features to this project and work on it even more.

Select program in which you are contributing

GSSoC23

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

You have not labelled the issue for the GSSoC 24, according to which any contribution will not be counted as for the scoreboard

Point down the features

Labels like
GSSoC
Level 1
etc

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

feature logic and basic description
1.create login.html
2.add styles.css
3.create login.js
4.create signup.html and signup.js
navigate to the login page (login.html), enter their username and password, and upon successful login, they will be redirected to the game page (game.html). If they don't have an account, they can navigate to the signup page (signup.html) to create one.

Point down the features

feature points
there should be a sign in/login page for personalised user interface..this way there could be a leaderboard option too and a track of what they have done.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Your product will surely require a navbar in future applications. I will request you to kindly assign me the issue so that i can create a mobile responsive navbar with proper logo.

I would love to contribute

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

Shifting the CSS files to a new "style.css" file would make the code look clean and understandable by the users.

Please assign this issue to me under GSSoC '24.

Thank you!

Do you want to have the enhancement of existing game ? 😀 Describe yourself..

I thinks this option should be like buttons or there should be some margin in between. It's somehow confusing me that this is a text.

Describe the solution you'd like

We can change these option into buttons or we can add some margin so that they appears more clear and nice.

Select program in which you are contributing

GSSoC'24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

The back button at the top left corner don't show that it is back button . It is not convenient for the user of the game.
Here is the screenshot :

I can make the needful changes so please assign this issue to me under GSSOC'24.

Point down the features

I can make the needful changes so please assign this issue to me under GSSOC'24.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

🎮 feature Request

-> jQuery is a lightweight JavaScript library, which will not only make the game faster, but also, will reduce the number of lines of code.
-> jQuery also has cross-browser support, so the game can run smoothly, irrespective of the browser, it is being played on.
-> Also, it'll make the game more customizable, due to the presence of lots of customizable plugins.

Point down the features

-> This enhancement to the code, by integrating jQuery, will make the game more user-friendly.
-> It'll also reduce the loading time of the webpage.
-> Thus, it'll provide an overall great User experience.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.