mstc-da-iict/hacktoberfest22-fun-with-js

Intermediate HTML-CSS-JS Repository to promote Open Source Contribution for Hacktoberfest 2022

Fun-with-JS 🎮

This project is a sincere attempt by MSTC, DA-IICT to encourage Open Source contribution. Make the best out of the ongoing Hacktoberfest 2022 by contributing to for-the-community projects. This project participates in Hacktoberest 2022 and all successful PRs made here will be counted among the at least 4 successful pull requests that you'd need to make in order to be eligible for the Hacktoberfest appreciation (plant a tree / get a tee).

---

This is a HTML/CSS/JS project for Hactoberfest 2022, maintained by MSTC DA-IICT.

We are trying to build a Funzone where we can play different types of games all at one place.

We need a web developer 🧑‍💻 to help us solving these issues.

🛠️ Skills

• HTML
• CSS
• JS

🎯 What you have to do

• First check contributing.md for details on how to work with github.
• Go to the "Issues" and pick the issue best suitable for you.
• Read the issue - Understand it well - Leave a comment - start working on the issue
• New and creative approches are appreciable.
• Intiate a PR.

🖥️ Some resources you can learn from

• HTML
• CSS
• JS

Happy Developing! 😇

---

🔗 Connect with us

Get in touch with us on LinkedIn / Instagram

Write to us at [email protected]

hacktoberfest22-fun-with-js's Issues

Make a Magic-8-ball game

If you don't know about the Magic 8 ball, It is like fortune telling. So The user asks a yes-no question to the ball, then turns it over to reveal an answer in a window on the ball.

So implementing it requires the following:

• It should ask the user to enter their question. Make a good UI, so the user knows what to do.
• And when they hit enter or click a button, make the magic-8-ball shake a little, and then the ball gives a particular answer from a specific set of responses it can give.

Certain things to take care of:

• Make a new folder for this game
• Don't forget to add the links to this game on the main page and Go back to home on the game page.

Implementing the Pong Game

=> The Pong game should contain these functions

1. control the game with help of keyboard keys.
2. player got 10 chances in the game
3. player can pause and restart the game

Implement the Tic-Tac-Toe Game

Right now, The Tic-tac-toe page has only the front-end part. So use your JS skills to implement the game.

implemanting mine-sweeper

Make a mine-sweeper game which will contain the following features:

• load screen
• game-over screen
• level increase if you win
• right-click to flag
• much more...

Create a Landing Page

This page right now has only two games, but we will add more games in the future so Create a Landing page right now which shows all the games supported by our web app.

The Landing Page must include:

1. Heading of Fun with JS
2. The Button Links to navigate to different games offered by our App.

If you have any query feel free to tag and ask.

Add Go to Home on Tic-Tac-Toe Game

Right now, On opening the Tic-tac-toe game, There is no go to Home page, and links to other games, Add such links there.

Making the snake game

We can add the basic snake game. The game should contain these functions:

• snake and controls
• food with random spawning
• snake becoming longer after eating the food
• walls and boundaries
• game loses if hit by the wall or itself

Advanced functions:

• adding levels
• adding special food which increases more length

Making the Maze Game

We can add the basic maze game. The game should contain these functions:

• maze , starting and ending point along with controls.
• adding levels like easy, medium, hard and extreme.