kaiwalyakoparkar / sense-hacker Goto Github PK

View Code? Open in Web Editor NEW

37.0 2.0 16.0 17.47 MB

This game is developed in vanilla js. This project won 2nd prize in Merge Intern's Hack You Hackathon 🎉

Home Page: https://kaiwalyakoparkar.github.io/sense-hacker

License: Apache License 2.0

HTML 11.60% CSS 66.66% JavaScript 21.74%

html5 css3 vanilla-javascript vanilla-js game cybersecurity awareness gui hackathon-project

sense-hacker's Introduction

👹 Sense Hacker 😎

✨ Welcome to Sense Hacker ✨
This game embarks the common phishing traps used by the hacker 👹 and spreads awareness in users to keep themselves safe in this cyber world

🎉 Achievements:🎉

❤️ This project has won 2nd prize in Merge Interns's Hack you hackathon ❤️

Check here

❤️ Note for new Contributors : ❤️

Thank you very much for considering this project. Make sure you read Code of Conduct and Contribution Guidelines before making contributions. Feel free to raise an issue and after gettting assigned to it, you are all set to work on it.

📌 About the project :

This project was intentionally built for the Merge Intern's Hack You Hackathon. This project is helpful for gaining awareness about keeping yourself safe in the cyber space and get out of the zone of becomming an easy target

📌 Story of the project :

The story of the project is pretty interesting. There's an anonymous hacker out there and his next target is you 😱. He performs his tasks (attacks) on you and you are with three options. If you choose the correct one then you can make the hacker loose points 🙌 . Othervise you end up being a victim.

📌 Demo Images :

🚩 Landing Page :

🚩 Gaming Panel

📌 Demo Video

📌 Technologies used

1. Landing Page

HTML 5
CSS 3
Vanilla JS

2. The game pannel

HTML 5
CSS 3
Vanilla JS

📌 Contribution :

Contribution to this repos are always welcome. You can always upgrade the UI, or fix any bug predefined in the issue section.

For new contibution or feature :

Open a new issue describing the feature.
Add feature tag to this issue.
Get acceptance from the code maintainers.
Enjoy adding the feature

📌 Steps to contibute :

Fork the project: Fork the project from https://github.com/kaiwalyakoparkar/sense-hacker/
Cloning the project :

git clone https://github.com/<your-user-name>/sense-hack.git

Open the project in your desired text editor
Make a branch of any desired name
Fixes on Landing page :
1. All the files are in main folder
Fixes in Game panel : 2. All the files are in sense-hack folder
Now create a pull request to the parent repository
Wait for acceptance ! Best of luck

Team Members & Contributors

All the below mentioned are prominent element of this project and without them it wouldn't be possible.

sense-hacker's People

Contributors

Stargazers

Watchers

Forkers

yuvrajhere webshivam ghostvaibhav starlightknown prayasu-satapathy mohit200008 anadeore rahul-nl mrunaal20 rahulhgdev dev-keshav ashu-rb x10sic omerfarooq21 kaurkhushleen kaushal878

Play the Game! button not positioned correctly.
Game characters are on top of each other.
Both player-card & hacker-card are small, So the contents inside the cards are shrinking.

To Reproduce
Steps to reproduce the behavior:

Go to https://kaiwalyakoparkar.github.io/sense-hacker/sense-hack/index.html
Click on Play the Game! button
See error

Expected behavior

The Play the Game! button should be on a flash screen. So on the button click the flash screen closes and the game panel is shown.
Both the game characters are huge, scale down their size.
I have no idea about the cards

Screenshots

Smartphone (please complete the following information):

Device: Samsung Galaxy S10
OS: Android 11.0 with One UI 3.0
Browser: Chrome
Version: 89.0.4389.105

Additional context
I checked in almost all smartphone simulators and phones. I found the same bug.

Add sound effects

Add the sound effects for different events!

Create assets folder to organize files

Things to add it in assets folder:

assets > css
assets > js
assets > img
assets > icon-fonts