Problem

Our current About Page needs a facelift.

Proposed Solution
redesign the page to make it visually attractive.
Screenshot of current page:

Working under JWoC'24

Assign me this under JWoC'24. I will make login page

@Spandan-Bhattacharya the text is not visible. i would like to make it visible . please assign it to me under jwoc'24.

Implement the gridReset function in sudoku_solver4.js file.

The current version of the website is missing a favicon, which is a small but essential visual element that appears in the browser tab. This enhancement aims to improve user experience and brand recognition by adding a distinctive favicon to the website.

Steps to Reproduce
Open the website in a browser.
Observe the absence of a favicon in the browser tab.

I can create an login page for the website using HTML and CSS.

The links for contact and about from the nav bar arnt working. we can add the related information there , please kindly assign this issue to me under JWOC 2024

The website logo is present on navigation bar when we are on homepage but it disappears from navbar when we are on about and contact page. I would like to fix that and would add functionality on logo so that if we click on it, it will redirect us to the home page.
Kindly assign this issue to me under JWOC.

Hello @Spandan-Bhattacharya
I wish to make the interface look better of 4x4 sudoku page and insert a back button which returns to the homepage.
Please assign me this under JWoC'24.

The background of page and the name solve it looks dull. I want to style it please assign me this under JWoC'24.

The Nav bar should be more attractive and stylised.

Adding Itinerary Description and Itinerary Builder under JWOC Request

Hi @Spandan-Bhattacharya,

I'm interested in working on expanding our travel planner functionality by adding the mentioned key feature:

Itinerary Description: This feature would allow users to write and save detailed descriptions of their planned trip schedules and activities for each day. Think of it as a personal narrative alongside the calendar view.

please assign this task to me.
Thanks
Shruti

Change the current card design for the solvers.
Design according to the image.
The final card should look like this:

No need to add any animations as of now.

Add a new solver to the website.
Nonogram solver.
You can find what Nonogram is from here:
https://en.wikipedia.org/wiki/Nonogram
The user will give the input, then the solver will display the answer.
The depth at which it has to be implemented for acceptance can be discussed.

CSS fix needed

The top navigation bar having dark blue and sky blue blends of gradient colors makes the text 'search solver" less visible.
Refer Screenshot:

Add a modern Scrollbar intead of default scrollbar

i will redesign the navigation bar by styling it (includes home, about, search bar, logo).
and i will design the sudoku section in home page

Would like to create the about and contact pages(with a contact form to reach out to you) if you provide the information
please assign this to me under JWOC 24 @Spandan-Bhattacharya

The links for contact and about from the nav bar arnt working. we can add the related information there , please kindly assign this issue to me under JWOC 2024

Make the Try Now! link look like a button.
You can do that by implementing the trynow-button class in styles.css.
Make sure the Button fits the Aesthetic of the page.

Currently in main body of website we have Solve it! written which isn't looking good so i think to add a proper image similiar to fav-icon and nav logo .

@Spandan-Bhattacharya Assign this issue to me under jwoc

A lot of the files including css,html etc are not linked properly which results in the design not appearing properly

The file paths are incorrect which shows the site like this,also the games arent loading

I can fix the file paths

Please assign it to me under JWOC'24

In the White background the main heading is not clearly visible

The search bar is barely visible in the current look. Make it such that the input field is clearly visible and the text is readable.

Try doing something more than just changing the Input field colour to white.

Enhance the UI and UX of the solver.
You should(but not limited to):

• Center all the elements
• Stylize the cells of the grid
• Stylize the buttons
• Make so that the boxes(the four 2x2 boxes that make the 4x4 grid) can be distinguished from each other.( Like how in a 9x9 sudoku, we can clearly see 9 individual boxes, 3 in each row)
• Add a background.
• Add a button to go back to the home page.

Upon entering a search keyword, it displays suggestions according to the input.
For instance, the input "So" shows list of related suggestions.

But when the user click outside the search bar it should close the suggestions bar.

Expected Behavior:
Clicking outside the search bar should close the suggestions, and the suggestions should reappear upon clicking inside the search bar.

Current Behavior:
Currently, clicking outside the search bar doesn't close the suggestions. The suggestions only disappear when the entered keywords are deleted. This deviates from the standard behavior observed in most search bars and may lead to user confusion.

If this issue is valid, then assign me to work on this under JWOC

I would like to redesign the contact us form and bring the fields to the center of the page.

Currently the contact form fields are shifted towards the right side of the page which does not look effective. I want to redesign the form.

The nav bar should be more stylish and the whole page should be much attractive.

I would like to work on that issue under JWOC.

Please allow me to work on it!

Currently the bubbles of the website animation overflows into the navbar and it comes about the writing and the logo.
You need to:

• Make it so that the animation does not overflow in the navbar and is below the logo and the writing.

The buttons contain a button-shaped area, clicking on the entire button doesn't trigger the intended action. Instead, the "try now" text needs to be clicked explicitly for the button to work as expected
This behavior may cause confusion.

So I'd like to work on this issue under JWoC

UI Fix

#Problem 1: Text in the about page looks kind of justified align which decreses the quality of the reading.

#Problem 2: Also the page is half white and half black in the background color.

Refer screenshot:

This enhancement focuses on revitalizing the README to provide users with clearer and more comprehensive guidance. The current README, while functional, may benefit from a strategic update to enhance the user onboarding experience, streamline information, and ensure a smoother understanding of the project.

Key Objectives:

1. Clarity in Setup Instructions:
   Improve and clarify the setup instructions to ensure users, including newcomers, can easily set up and run the project without encountering any hurdles.

2. Comprehensive Overview:
   Expand on the project overview to provide a more detailed and informative introduction. This includes highlighting key features, use cases, and any prerequisites that users should be aware of.

3. Usage Examples:
   Incorporate clear and concise usage examples to assist users in quickly understanding how to interact with the project and utilize its functionalities.

4. Updated Code Samples:
   Ensure that any code samples in the README are up-to-date, accurate, and reflective of the current state of the project. This guarantees users have reliable references for implementation.

5. Contributing Guidelines:
   Enhance the contributing guidelines to encourage community involvement. Clear instructions on how users can contribute, report issues, and suggest improvements will be emphasized.

Benefits:

• Improved User Onboarding:
  Users, especially those new to the project, will experience a more streamlined onboarding process with clearer instructions and examples.

• Reduced Ambiguity:
  By enhancing clarity in the README, potential sources of confusion or ambiguity will be minimized, resulting in a more user-friendly experience.

• Facilitated Contributions:
  The updated contributing guidelines will encourage community engagement, making it easier for users to contribute to the project and share feedback.

This README enhancement aims to optimize the user experience, making the project more accessible and user-friendly for both new and existing contributors.

Give the homepage a stylized background, with at least one moving element. Eg. some animation, sparkles, etc.
Keep the theme of the webpage among the lighter shades.
Ensure that the entire page has the background.

I have a good idea to make the sudoku solver boxes look attractive.
Kindly assign me this issue under JWoC'24.
@Spandan-Bhattacharya

As part of enhancing user experience on our website, we'd like to implement a "Go to Top" button. This button will provide users with a convenient way to quickly scroll to the top of the page, especially on longer pages.
Add Button in HTML: Integrate the "Go to Top" button at the bottom of our web pages.

Update the HTML file to include the button.
Ensure the button is styled appropriately for a clean and user-friendly appearance.
CSS Styling: Apply styles to the button for a visually appealing look.
JavaScript Functionality:
Write JavaScript functions to handle scrolling to the top smoothly.
Display the button dynamically based on the user's scroll position.
Testing:
Test the "Go to Top" button on various browsers to ensure consistent behaviour.
Verify that the button appears when scrolling down and smoothly scrolls to the top when clicked.

This enhancement focuses on revitalizing the README to provide users with clearer and more comprehensive guidance. The current README, while functional, may benefit from a strategic update to enhance the user onboarding experience, streamline information, and ensure a smoother understanding of the project.
Key Objectives:

1. Clarity in Setup Instructions:
Improve and clarify the setup instructions to ensure users, including newcomers, can easily set up and run the project without encountering any hurdles.
2. Comprehensive Overview:
Expand on the project overview to provide a more detailed and informative introduction. This includes highlighting key features, use cases, and any prerequisites that users should be aware of.
3. Usage Examples:
Incorporate clear and concise usage examples to assist users in quickly understanding how to interact with the project and utilize its functionalities.
4. Updated Code Samples:
Ensure that any code samples in the README are up-to-date, accurate, and reflective of the current state of the project. This guarantees users have reliable references for implementation.
5. Contributing Guidelines:
Enhance the contributing guidelines to encourage community involvement. Clear instructions on how users can contribute, report issues, and suggest improvements will be emphasized.
   Benefits:

• Improved User Onboarding:
Users, especially those new to the project, will experience a more streamlined onboarding process with clearer instructions and examples.
• Reduced Ambiguity:
By enhancing clarity in the README, potential sources of confusion or ambiguity will be minimized, resulting in a more user-friendly experience.
• Facilitated Contributions:
The updated contributing guidelines will encourage community engagement, making it easier for users to contribute to the project and share feedback.
  This README enhancement aims to optimize the user experience, making the project more accessible and user-friendly for both new and existing contributors.

This feature request is to implement a 6x6 Sudoku solver, allowing users to input a partially filled 6x6 Sudoku puzzle and obtain the solved solution.
Assign me this under JWOC'24

Refer to the screenshot, difficulty in reading the text!

see highlighted text in the screenshot

@Spandan-Bhattacharya the search bar is invisible . i would like to change its style and make it visible. plz assign it to me under jwoc'24.
current search bar :

Request to add search bar and self-assign under JWOC

Hi @Spandan-Bhattacharya,

I'm interested in adding a search bar to the repository to allow users to easily find specific games or solvers.

I believe this feature would significantly improve the user experience and would like to volunteer to take this on myself under the JWOC label.

Thanks

Currently, if an invalid input is given, an alert box is shown and the user needs to refresh the page to re enter the values.
You need to:

• Change it so that the when an invalid input is given, a message pops up within the website itself, without using the "alert" function.
• The grid gets reset, after the message is shown, thus allowing the user to re-enter the values without refreshing the page.

Adding Links and proper design to footer
Revamping Web Page Design with puzzle-themed design
Fixing an overall global css style for website.
@Spandan-Bhattacharya can I work on this under JWOC?

Hello @Spandan-Bhattacharya
I want to improve the UI of the page.
Please assign me this under JWoC'24.