-
-
Sign Up page
-
Account created successfully
-
Sign In
-
Error - Wrong Authentication details
-
Successfull Sign In
-
Home Page
-
Memory Game - Get inspired by amazing women
-
Its a match in memory game !
-
Winners alert !
-
PacWoman
-
Profile Page
-
Edit profile page
-
Update Successfull
-
Sign Out
-
Firebase authentication
-
Realtime Database - Profile information
Inspiration
We all know men in STEM - Bill Gates ,Elon Musk , Dennis Ritchie ,Mark Zuckerberg and the list goes on. What about women in STEM ? Lets see how many you do know already ! Currently there is a significant lack of professionals in STEM field. Specifically, women are underrepresented in STEM fields, despite making up half of the workforce. Career interests are often developed in the middle school years; thus increase the pool of STEM professionals, , it is necessary to spark interest in STEM at an early age. We have gone the Game Based Learning (GBL) way! GBL is an effective approach as it utilizes gameplay with educational content to create and engaging environment where students can practice concepts in a real world context. However, computer and video games have historically portrayed females in stereotypical and unhelpful ways. As a result many of female gamers hesitate to play certain games, experience negative gaming experiences when they do play certain games, and this detracts from the number of female gamers. We've created games that are welcoming to females as well as effective in its learning goals. Checkout Uravelling CSS magic Here: https://youtu.be/_-4kMQle1Q8;
What it does
We have two games and a fun learning module on our console - Memory game, PacWoman (Yes, you heard it , we recreated traditional pacman but named it pacwoman !) and a fun way to learn CSS and its #D transforms to add animations in webpages. Memory game is a game where you match tiles but with a twist - It comes with names of famous women in STEM ! Play it and get inspired by fellow women in tech, become aware about women in STEM and become one too !
How we built it
We used HTML5 canvas,Js ,Css,Bootstrap & Firebase for authentication. The games have been built using CSS, javascript and Bootstrap with HTML5 and CAnvas playing their part.
Challenges we ran into
- It was challenging to get the animation right and simulate the environments as we designed them to be.
- We spent some time making all modules compatible to get them up and running. ## Accomplishments that we're proud of
- We tried to build something that encourages young girls to part of STEM community.
- While creating the games, we explored some new functionalities of Bootstrap and Javascript that we weren't aware of too.
- It was awesome creating the CSS learning path module. The great thing about it is that it's created completely using CSS to teach CSS in a fun and easy way.
What we learned
- We learned a lot about creating games, especially with HTML5 and JS.
- The best part was using tools like JS, Bootstrap, CSS to create interactive games like these.
What's next for Arcade
- We plan to add more games to help break the stereotype and inspire more women to take up a career in stem! The idea is to create more games which encourages women to be part of this amazing world of STEM. We have two more games in pipeline
- A women centric SUPER MARIO Sisters where, our MARIO girl saves the king by utlising her knowledge of physics and chemistry and crosses multiple levels.
- A physics based game to gamify the experience of learning quantum physics concepts like: reflection, circuit theory and fluid mechanics.



Log in or sign up for Devpost to join the conversation.