Bhagat GameYard

Bhagat GameYard - Play fun and interactive games like Chit Kingdom, Jumble Words, and Simon Game. Enjoy unique gameplay and challenges.

Comment

Inspiration

During my journey of learning JavaScript, I realized I hadn't built any significant projects. This motivated me to create my first game, "Chit Kingdom", inspired by the Indian childhood chit game, Wazir Badshah. Completing that project gave me the confidence to dream bigger—building a full-fledged gaming website featuring at least three engaging games.

What it does

Bhagat GameYard is a gaming website that offers three interactive and entertaining games: Chit Kingdom: A four-player strategy game of roles, points, and thrilling guesses for victory. Jumble Words: Test your vocabulary skills by guessing words from jumbled letters across 50 levels with limited chances. Simon Game: Challenge your memory by remembering and repeating an ever-growing sequence of colors. The website enhances the gaming experience with an intuitive user interface, smooth animations, and immersive music effects.

How I built it

Phase 1: Developed the first game, Chit Kingdom. Phase 2: Created two additional games, Jumble Words and Simon Game. Phase 3: Integrated all three games into a single website, Bhagat GameYard. Through two days of focused effort, I successfully brought these games together under one platform, creating an engaging and responsive website.

Challenges I ran into

Challenge 1: Handling shared JavaScript files In Chit Kingdom, I encountered an issue where two HTML pages used a shared JavaScript file, but only one page's DOM was accessible at a time. I solved this by implementing if conditions to detect specific HTML elements and ensure logic ran only for the relevant page. Challenge 2: Managing state with LocalStorage The game required persistent storage for player names and scores because refreshing the page cleared the data. I used JavaScript's localStorage to retain data between rounds, solving this issue effectively. Challenge 3: Deployment on GitHub Pages When deploying the project, the UI loaded successfully, but interactivity failed. After troubleshooting for two days, I discovered the issue: omitting the .js extension in module imports worked locally but broke after deployment. Fixing this mistake restored the functionality of my entire project.

Accomplishments that I'm proud of

Successfully developed my first project using HTML, CSS, and JavaScript. Created a unique game, Chit Kingdom, that doesn’t exist online, inspired by a childhood classic. Built a gaming platform that offers a cohesive and entertaining user experience.

What I learned

The fundamentals of data flow in web applications. How to leverage DOM manipulation to create dynamic and engaging user interfaces. Practical problem-solving skills, such as debugging, researching solutions, and understanding deployment nuances.

What's next for Bhagat GameYard

I plan to expand Bhagat GameYard by adding more challenging and engaging games. My vision is to transform it into a go-to gaming platform where users can enjoy high-quality games and take a break from their routine to refresh their mood.

Built With

Share this project:

Updates