Giter Club home page Giter Club logo

gameoflife's Introduction

Conway's Game of Life

A cellular automaton devised by British mathematician John Horton Conway in 1970.


GitHub Repository Stats

๐ŸŒŸ Stars ๐Ÿด Forks ๐Ÿ› Issues ๐Ÿ”” Open PRs ๐Ÿ”• Closed PRs
Stars Forks Issues Open Pull Requests Close Pull Requests

๐Ÿ† Featured in:

Event Logo Event Name Event Description
GSSoC 24 GirlScript Summer of Code 2024 GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.

๐Ÿ“ŒTable of Contents:

  1. What is it?
    1. The Universe
    2. The Rules
    3. The Game
  2. The Canvas / Grid
  3. The Settings
  4. The Themes
  5. The Presets
    1. Glider
    2. Big Glider
    3. Gosper Glider Gun
    4. Pulsar
    5. Circle of Fire
    6. Quadpole
    7. Spider
    8. Spaceship
    9. Boat-Tie
    10. Pentadecathlon
  6. Feedback
  7. Resources

What is it?

โœจ Conway's Game of Life, or simply "Life," is a cellular automaton devised by British mathematician John Horton Conway in 1970. It is a zero-player game, meaning its evolution is determined by its initial state, requiring no further input. Players interact with the game by creating an initial configuration and observing how it evolves. The game is Turing complete and can simulate a universal constructor or any other Turing machine.


The Universe

๐ŸŒŒ The universe of the Game of Life is an infinite, two-dimensional orthogonal grid of square cells. Each cell is in one of two possible states: ALIVE or DEAD. Every cell interacts with its eight neighbors, which are the cells that are horizontally, vertically, or diagonally adjacent.


The Rules

  1. Any live cell with fewer than two live neighbors dies, as if by underpopulation.
  2. Any live cell with two or three live neighbors lives on to the next generation.
  3. Any live cell with more than three live neighbors dies, as if by overpopulation.
  4. Any dead cell with exactly three live neighbors becomes a live cell, as if by reproduction.

The first generation is created by applying the above rules simultaneously to every cell in the seed, alive or dead; births and deaths occur simultaneously, and the discrete moment at which this happens is sometimes called a tick. Each generation is a pure function of the preceding one.


๐ŸŽฎThe Game

The Canvas / Grid

Game Grid

Buttons

Buttons What they do
โ–ถ๏ธ Starts the animation after you've set the initial pattern
โธ๏ธ Pauses the animation
โฉ Increases the speed of the animation
โช Decreases the speed of the animation
Clear Clears the grid on click, only if the game is not animating at that moment
Random Randomly initializes the grid with initial randomness as 20%
Change grid size This function allow you to change the size of grid according to your preference

โŒจ๏ธ Keyboard Shortcuts

Keybind What they do
P or Space Bar Starts the animation after you've set the initial pattern and Pauses an ongoing animation
F or [โ†’] (Arrow Right) Increases the speed of the animation
S or [โ†] (Arrow Left) Decreases the speed of the animation
D or Delete Clears the grid on click, only if the game is not animating at that moment
R Randomly initializes the grid with initial randomness as 20%
[โ†‘] (Arrow Up) Increases the Randomness value by 5%
[โ†“] (Arrow Down) Decreases the Randomness value by 5%
G Toggles Gridlines On / Off
M Toggles Music On / Off

โš™๏ธ The Settings

โš™๏ธ Settings What are they for?
Gridlines Toggles visibility of the gridlines
Warp on Edges Warps the patterns across the edges - Initially set as true
Randomness Allows you to set custom randomness percent for random initialization

The Themes

Preset Themes :

๐ŸŽจ Themes The Colors
Blue (default) #0f045a #7582b2 #036c96 #ebf2ff #352a7e #101536 #080126 #c6cede #00246B #CADCFC
Red #5a0404 #B27575 #960320 #FFEBEB #7E2A37 #361015 #260106 #DEC6C6 #6b0000 #fccaca
Green #045a1e #75B289 #03962f #EBFFEF #2A7E4D #10361C #01260B #C6DECC #006b2b #cafcdd
Purple #5a045a #B275B2 #960396 #FFEBFF #7E2A7E #361036 #260126 #DEC6DE #6b006b #fcafcf
Dark Cyan #045a5a #75B2B2 #039696 #EBFFFF #2A7E7E #103636 #012626 #C6DEDE #006b6b #cafcfc
Black and White #505050 #FFFFFF #808080 #FFFFFF #808080 #000000 #000000 #FFFFFF #000000 #C1C1C1
Dark Neon #d0ff00 #00cc26 #00b81b #004640 #fc0101 #000000 #002628 #000525 #9800f5 #80ffff
Cyberpunk #FCE4EC #EC407A #D81B60 #AD1457 #FF0056 #C2185B #880E4F #FFF0F5 #EC407A #FCE4EC
Sunset #ff5e5b #ffb54d #ffcc66 #fff3e6 #ff9933 #ff704d #b33e00 #ffebcc #ff704d #ffdab3

Custom Theme :

  • It also allows the user to choose colors according to their preferences to create their unique Custom Theme.

Gradient Theme :

  • You can also choose 2 colors to create a Gradient Background.
  • The Gradient Theme setting also allows users to select the slope of linear Gradient.
  • The Gradient Theme also affects the color of Alive and Dead cells, so that it matches with the Gradient Background.

โณ History

Stores history of patterns that user has played with, up to 5 recent patterns.


โœจThe Presets

Glider

The glider is the smallest, most common, and first-discovered spaceship in Game of Life. It travels diagonally across the grid. Gliders are important because they are easily produced, can be collided with each other to form more complicated patterns, and can be used to transmit information over long distances.

Small Glider

Big Glider

The big glider was found by Dean Hickerson in December 1989 and was the first known diagonal spaceship other than the glider. Two gliders can be temporarily seen at the front of the ship; these do not stay gliders but still move like them.

Big Glider

Gosper Glider Gun

The Gosper glider gun is the first known gun, and indeed the first known finite pattern with unbounded growth, found by Bill Gosper in November 1970. It consists of two queen bee shuttles stabilized by two blocks.

Gosper Glider Gun

Pulsar

The pulsar is a period-3 oscillator, meaning it returns to its initial state after three generations. Itโ€™s a symmetric pattern and one of the most recognized oscillators in the Game of Life.

Pulsar

Circle of Fire

This term isnโ€™t standard in the Game of Life nomenclature but could refer to a specific type of oscillator or a similar repeating pattern that creates a visual effect resembling a circle of fire.

Circle-of-Fire

Quadpole

The quadpole is the eighth most common oscillator in Achim Flammenkamp's census, being less common than the bipole but more common than the great on-off. It is the eighth most common oscillator on Adam P. Goucher's Catagolue.

Quadpole

Spider

Spider is a c/5 orthogonal spaceship that was discovered by David Bell on April 14, 1997. It is the smallest known c/5 orthogonal spaceship. Its side sparks have proven to be very useful in constructing puffers and rakes.

Spider

Spaceship

The middleweight spaceship (commonly abbreviated to MWSS) or (rarely) medium fish is the third most common spaceship after the glider and lightweight spaceship.It was found by John Conway in 1970 and travels at c/2 orthogonally.

Spaceship

Boat-Tie

Boat-tie is the twentieth most common still life on Adam P. Goucher's Catagolue, being less common than shillelagh but more common than snake.It is also the twenty-seventh most common object overall on Catagolue.Two copies of boat-tie can be seen in a symmetric constellation that evolves from two traffic light predecessors.

Spaceship

Pentadecathlon

The Pentadecathlon is a period-15 oscillator that was found in 1970 by John Conway. It is one of the most well-known patterns in the Game of Life, notable for its longevity and distinctive structure.

Pentadecathlon Pentadecathlon

More Configurations

Explore more patterns at ConwayLife Patterns.


Feedback

  • ๐Ÿ’ฌ Now the page supports user feedback. Which redirects you to a Feedback.html page.
  • ๐Ÿ’ฌ In the Feedback page, user can file a feedback for 'Complaint', 'Suggestion', 'Question',ย etc.*

Resources

Spark your interest

Try playing it here

Further Reading


Conway's Game of Life offers a unique way to explore the unpredictable beauty of life itself.


โšกContribution Guidelines:

  • Checkout and make your changes for the develop branch only: When working on your contributions, switch to the develop branch in your local repository. This ensures that you are working on the latest version of the codebase.

  • Create pull requests only for the develop branch: When you are ready to submit your changes, create a pull request (PR) targeting the develop branch. This allows the maintainers to review and merge your code into the main development branch.

  • Format your commit message with the issue number: When making commits related to an issue, follow the format Fixes: #32 in your commit message. Replace 32 with the issue number you are addressing. This helps track and manage issues more efficiently.

  • Make your pull request descriptive and include examples: When creating a pull request, provide a clear and descriptive explanation of the changes you made. This helps reviewers understand the purpose and significance of your contribution. Additionally, including at least one example that demonstrates the intended usage or effect of your changes can be beneficial.

  • Rebase your commits and optimize file changes: When submitting your pull request, consider rebasing your commits into one commit and optimizing your file changes. This helps keep the commit history clean and makes it easier for reviewers to understand your changes.

Remember, following these guidelines will help ensure a smooth and efficient contribution process. Happy coding!


Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.


License

This project is licensed under the GPL-3.0 License.


Contact Us

https://www.linkedin.com/in/shriharimagar/

Contributors

Thank you for contributing to our project! Your help is greatly appreciated in making gameoflife even better. ๐Ÿ˜Š


Support

Don't forget to leave a star for this project!

Go to Top

gameoflife's People

Contributors

adityas-github avatar amruta7203 avatar an0nym0us92 avatar asymtode712 avatar bhumika1312 avatar chinmaylothe avatar damini2004 avatar dirus007 avatar dnyandeepchute avatar eternoseeker avatar harman8815 avatar heli0707 avatar karthickkumarsm avatar mohit-bhandari45 avatar officeneerajsaini avatar ojas-arora avatar partha120804 avatar pradnyagaitonde avatar pujan-sarkar avatar pur-vi avatar radhikamalpani1702 avatar rajul-29 avatar ramben0909 avatar rupalpy avatar saipradyumnagoud avatar saranshbangar avatar suhainafathimam avatar tiwarirahul16 avatar vijaysamant4368 avatar zalabhavy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

gameoflife's Issues

Feedback Mechanism:

Describe the feature

Provide a way for users to provide feedback or report issues directly from the application.Feat:

Add ScreenShots

.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Update learn.md documentation DOC:

What's wrong with the existing documentation

Need to be updated

Add ScreenShots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Feat: add a menu bar toggle button and some font changes

Added a responsive menu bar button and changed font for title

Description

I have added a responsive menu bar button using the Font Awesome icon library and added the required JavaScript to make it functional. Additionally, I made some changes to the font to make the title more attention-grabbing. This improves the visualization of the website.

Related Issue

I can make it more appealing by animating the whole website. I can use the AOS library to do so.

Motivation and Context

My changes make the website a little cleaner by hiding the menu bar when not in need.

Add ScreenShots

ScreenShot_20240513141912
ScreenShot_20240513141906

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add Labels for Issues

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

What is the motivation / use case for changing the behavior?

Feat:changing the color scheme and font

Describe the feature

the font can be a bit improved...clear demarkations can be done between the headings and the other texts.
color scheme is monotone but i feel the grid should be in a pale yellow color.
plsss assign this issue to me.
@

Add ScreenShots

Screenshot 2024-05-13 112230

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Feat: Workflow for Closing Old Issues

Describe the feature

This feature aims to automate the process of managing old issues, ensuring that the repository remains organized and focused on relevant tasks. By automatically closing old issues, it reduces manual overhead for repository maintainers and helps keep the issue tracker tidy and up-to-date.

Add ScreenShots

Annotation 2024-05-17 010432

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add about section in the webpage.

Describe the feature

Adding a button in the side bar menu which redirects to your documentation , because someone with the link will not directly open your documentation and first search in the sidebar if it has any about section for the game , This will more enhance the game.

Add ScreenShots

Screenshot (370)
Adding an about section in games is more user friendly.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

[BUG]: On the media query hit, the sidemenu is getting on the top side, instead it should be in the hamburger icon which on clicking gets to the right and left.

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour:- The menu is getting on the top.

Screenshots:-
image

Steps to reproduce:-
Step 1:- Go through the app
Step 2:- just inspect and check the mobile view.

What is the expected behavior incase of a bug:- Is to provide hamburger functionality

What is the motivation / use case for changing the behavior?
Open Source

I want to work on this issue! under GSSOC

Adding 'How it works' section to let users know.

I'm submitting a ...

  • Bug report

  • Feature request

  • Documentation changes

  • Other (please mention)

  • I would like to add a 'How-it-works' button or a tab where the explanation of Conway's game of life is present and how it works.

  • As users will then be able to know exactly what the project is and how it works.

@EternoSeeker Can you please assign this issue to me under GSSoC'24, I would love to work on this addition.
I have previously submitted couple of PR's under GSSoC'24 in different repo's.

Thank You!

Would like to add a page for Game rules

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

What is the motivation / use case for changing the behavior?

Add popular presets like blinker toad and beacon

I'm submitting a ...

  • Feature request

Changing the behavior of Conway's Game of Life enables exploration of new patterns and emergent phenomena, aids in algorithmic experimentation, educational demonstrations, and artistic creations, while also serving as a model for problem-solving and simulating real-world dynamics.

[UI Enhancement] - Improve the website in mobile version and make it more appealing.

Description

I'm submitting this issue to address the look and feel of the website in mobile version which is not very much optimized and user friendly.

  • Bug report
  • Feature request
  • Documentation changes
  • Other (UI Enhancement)

Screenshots

image

Steps to reproduce

  • View the website in mobile.

I would love to work on the issue and contribute to gameoflife as a GSSoC'24 Contributor. Looking forward for your reply.

[UI] : Adding animation to sidebar menus

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

The Themes, Presets and History menu just pops out, it would look better if they glide out with an animation

image

What is the motivation / use case for changing the behavior?

A smooth animation always looks better than a simple pop out, this would greatly enhance the UI of the website

[UI] : Scrollbar with dynamic colors

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

image

  1. We can add a scroll bar that changes colors according to the theme selected by the user
  2. It can enhance the UI by a lot

What is the motivation / use case for changing the behavior?

Enhancing the UI by changing the scrollbar color can make the user change the theme repeatedly to see the different colors of the scroll bar, this will ultimately keep him engaged and make him stay longer on the website

[UI] Add Gradient Theme Button

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

Users can only select from a set of predefined color themes

What is the motivation / use case for changing the behavior?

I would like to add a new feature to allow users to switch to gradient theme and decide on which color they can use in the gradient theme. Also the user can decide on which type of gradient they want in the background. This can help in enhancing the user experience

Could you please assign me this issue under GSSoC'24

Issue [UI]: Improve Sidebar Styling

I'm submitting a ...

  • Design Enhancement request

Description:
The sidebar on the website needs styling enhancements for better aesthetics and usability.

Proposed Solution:

  1. Customize the range slider to improve its appearance and functionality.
  2. Right now the content of history, presets and themes just pops out straight away. I want to implement smoother transitions for content presentation in the sidebar.
  3. Add color to fonts within the sidebar to improve readability and visual appeal.

@EternoSeeker Please assign me the issue. Would love to work on it.

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a โ€œReport Bugโ€ and โ€œFeature Requestโ€ issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a โ€œReport Bugโ€ template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a โ€œFeature Requestโ€ issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to yours.

DOC: Update documentation for the new presets

What's wrong with the existing documentation

  • Add information and gifs regarding the new presets in the README.md file.

Add ScreenShots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Fix the Radios & Checkboxes

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

The Checkboxes being restricted to the element and not to the label.

What is the motivation / use case for changing the behavior?

I would like to change the UI of the radio & check boxes making it more easy for players (without changing the aesthetics of the website). Could you please assign me to add this feature under GSSoC'24 label ?

For Dark Neon Theme the play buttons shown unexpected behaviour .

Describe the feature

When i switched theme to dark neon then the play button that contains Left arrow ,play button and right arrow are not changing color according to that and showing some kind of dark black color that makes hard to see these buttons .

Add ScreenShots

Screenshot 2024-05-18 091227

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add Code of Conduct

We recommend that every repo has a code of conduct. If you donโ€™t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

DOC: Pull Request Template Creation

What's wrong with the existing documentation

I am writing to express my interest in contributing to your repository by creating a pull request template.
I believe that having a standardized template will help streamline the contribution process, ensuring that all necessary information is included and making it easier for maintainers to review and merge pull requests.
Could you please assign me the issue under gssoc24? I am excited about the opportunity to contribute to your project and help improve the workflow for all contributors.

Add ScreenShots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

[Bug] : Cell doesn't Accessable

What's wrong with the existing documentation

  • If the .cell doesn't cursor pointing this is not accessble...
  • i would like to the cell will be hovered then the cursor point to the place can be clickable..
  • so i'm ready to solve the bug please assign me..

Add ScreenShots

Screencast.from.2024-05-13.22-10-10.webm

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

[FEAT]: Add more presets

I'm submitting a

  • Feature request

Current behaviour

Only 3 presets present

More patterns can be found here:

https://conwaylife.com/wiki/Category:Patterns
You can add some famous ones, with interesting evolution

What is the motivation/use case for changing the behavior?

Users get to see more presets and how they behave and evolve in conway's game of life

Making the whole website Responsive-

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

In the current situation the website is not fully responsive for that it maybe create a problem for the user who will use the website from other devices.

What is the motivation / use case for changing the behavior?

I will try to make the whole interface Responsive under GSSOC'24. I will try to make settings part also responsive by changing some required changes in UI. @EternoSeeker will you please assign this problem to me

We can Add a Landing Page for this.

We can add a landing page for this, where user can go and know more about the gameplay. Also we can add a login and signup functionality for better experience. Also in Sidebar we can add Dashboard Section where all the gameplay will list down with there rules and regulations.

Assign me this issue. I'll be glad to work on that.

Feat: Add a new theme

Describe the feature

The project has 5 themes but I feel the classic black and white theme is missing.

Add ScreenShots

image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Adding social media icons.

Describe the feature

Description:
Adding social media icons for GitHub, Twitter, Facebook, LinkedIn, Instagram, and YouTube to the website header and footer.
Icons are visually consistent, responsive, and accessible. Also hover effects would be added to the icons.

Add ScreenShots

Responsive social media icons along with hover effects(for reference)
image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Implementing the design with proper color combinations and proper font

I want to bring forth a better design for the website.

The font and color combination are not visually appealing along with the text alignments. Thus , the UI can be improved.

Screenshot 2024-05-12 093720

Hence, I would like to make the design more appealing with proper font and color palate combination.
Point down the features

  1. Want to make UI design more exiting for a Game user interface
  2. Add more colors which will be suitable for the game.

@EternoSeeker please can you assign this task to me.

Contact us section

Describe the feature

This project misses the contact us section . I would like to add that to it after the "history " part where some of the required details of owner will be mentioned. If you like this idea, kindly assign this issue to me under the Gssoc tag with the details you want under the contact us section.

Add ScreenShots

Screenshot (666)

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

DOC: Add GitHub Desktop Contribution Instructions

What's wrong with the existing documentation

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

Add ScreenShots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Update readme documentation DOC:

What's wrong with the existing documentation

Need to be updated

Add ScreenShots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

[UI] : Adding a Responsive and Functional Footer section

I'm submitting a ...

  • Bug report
  • Feature request
  • Documentation changes
  • Other (please mention)

Current behaviour

The current project lacks a footer section.

Describe the feature

I will try adding the following changes to the code:
Add a footer section to the project.
Include essential links such as About Us, Contact Us, and Privacy Policy.
Implement responsive design to ensure the footer looks good on all devices.
Consider including social media icons for easy access to social media profiles.
Ensure that the footer is visually consistent with the rest of the project, matching the color scheme and style.

What is the motivation / use case for changing the behavior?

A well-designed footer can improve the overall user experience by offering additional resources and information, thereby increasing user engagement. Could you please assign me this issue under GSSoC'24

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Feat:Add new Theme

Describe the feature

Add new them Dark Neon Color
i can add colors like images.
Please assign this issue me to under Gssoc'24 , i would like to work on this

Add ScreenShots

image
image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. ๐Ÿ‘

Feat: Automated Greeting Workflow

Describe the feature

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet 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.

Add ScreenShots

image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Dark Theme & Share Button

I can work over a Dark Theme Addition & Share Button for the Website.

I am Praful Nigam. Under GSSOC'24, I would like to work on this issue. Pls assign me this!!

Feat: Ability to change size of Grid

Describe the feature

Give users the ability to increase the number of rows and columns i.e. the size of the universe before starting. In case, it is to big to fit on screen. Users should be able to drag/scroll the part of grid they want to see.
This might need effort of some people to implement.
Would like to hear everyone's thoughts.

Add ScreenShots

image Something like this site. https://playgameoflife.com/

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Feat: Dynamic Animation

Describe the feature

I plan to enhance the website's appeal by adding animations using JavaScript. This includes animating the entire website to make it more engaging during the loading process. Additionally, I intend to add interactive animations to buttons, making them visually appealing and providing feedback to users when clicked.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add one more preset

Describe the feature

i want to work on this issue and add another preset for this, that is a areow and heart combo

Add ScreenShots

image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you can add the tag GSSoC'24, good first issue etc.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.

Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

Enhance Accessibility: Add ARIA Labels to Control Buttons

This issue will help to enhance the accessibility of the Conway's Game of Life webpage by adding ARIA labels to the control buttons. Currently, the buttons lack descriptive labels, which can make navigation challenging for users relying on screen readers. By adding ARIA labels, we can provide clear descriptions of each button's functionality, ensuring a more inclusive user experience.

File location- index.html

Girlscript Summer of Code Introduction/Tracking

๐Ÿ‘‹ Hi @EternoSeeker ,

I am Sanjay, program Manager Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

[FEAT]: Create Issue forms and make the issue options more visually appealing

Describe the Feature you want to end

Currently, the issue template for this repo seems to be basic also it is less visually appealing.๐Ÿ‘‡

Screenshot 2023-06-12 at 02-10-25 New Issue ยท pranjay-poddar_Dev-Geeks

Changes I will make

Screenshot 2023-06-11 at 01-12-48 New Issue ยท dakshsinghrathore_htmltut

Expected behavior

Screenshots (optional)

Additional context (optional )
Will add issue forms to the respective issues to make it easier for the contributor to raise it.
Here is an example of how a Bug Issue Form will look like ๐Ÿ‘‡

Screenshot 2023-06-11 at 01-15-06 New Issue ยท dakshsinghrathore_htmltut

DOC: Icons not visible in 'Readme' file

What's wrong with the existing documentation

Icons/buttons are not clearly visible in the readme file.

Add ScreenShots

image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add PR template

I would like to add a pull request template for this repository. I believe that having a standardized template will help streamline the contribution process, ensuring that all necessary information is included and making it easier for maintainers to review and merge pull requests.

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.