Memory Tiles

• Live: Play the Game Here
• If that doesn't work for you, you can copy paste the url in your browser: https://pokemon-memory-tiles.netlify.app

Description

Welcome to the Pokémon Memory Tiles Card Game! If you're a Pokémon enthusiast and up for a memory-challenging adventure, this game was tailor-made for you. Dive into a world of nostalgia and embark on a journey that puts your memory skills to the ultimate test. Powered by React, this game will keep you engaged for hours. Are you ready to catch 'em all, one memory at a time? Let's embark on this thrilling Pokémon-themed memory card adventure together!

Features

• Card Matching: Flip over cards and only click on the same card once.
• Multiple Levels: Progress through different levels with increasing difficulty.
• Scoring System: Keep track of your current and highest scores.
• Modal Feedback: Receive feedback through modals for game completion or loss.
• Responsive Design: Play the game on various devices with a responsive layout.

Gameplay

1. Access the Game HERE.
2. Click on the cards to flip them and reveal the Pokemon.
3. Don't click on the same card twice to increase your score.
4. Complete all levels to win the game.

Installation

1. Clone the repository:

   git clone https://github.com/ruchikamuddinagiri/memory-tiles.git

2. Navigate to the project directory:

   cd memory-tiles

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Technologies Used

• React
• JavaScript
• Vite
• CSS
• HTML

Future Work

We have plans to implement the following features in the future:

• Timer: Add a timer to challenge players to complete the game within a certain time limit.
• Leaderboard: Implement a leaderboard to display high scores of different players.
• Chat: Implement a Chat feature to communicate with other players
• Collaboration: Sending an invite to other players requesting to collaborate on the game

Contributing

We welcome contributions from the Pokemon community to enhance and expand the game. If you have any ideas, feature requests, bug reports, or code improvements, please feel free to submit them through GitHub's issue tracker or create a pull request.

• Fork the repository to your GitHub account.
• Create a new branch for your feature or bug fix.
• Could you make your changes and test them thoroughly?
• Submit a pull request to the main repository for review.
• Thanks to GitHub user @Jersin21 His initial codebase served as the fundamental building block for our project. We leveraged their code as a foundation and subsequently molded it into our unique project, adding our distinctive style and features.

Reflection

Collaborating with outstanding team members, including Ruchika, Monika, and Hrithik, was a significant step in our project process. The team consistently demonstrated exceptional creativity, generating innovative ideas to enhance our project's quality. Effective communication was a cornerstone of our collaboration, enabling us to discuss ideas and tasks with remarkable efficiency, thus ensuring our teamwork was both seamless and productive.

One of the key tools that greatly facilitated our project management was the GitHub Project board. This platform proved instrumental in keeping track of tasks assigned to each team member, maintaining a high level of consistency throughout the development process, and fostering transparency in our project's evolution.

Our journey through this project broadened our comprehension of web technologies, real-time communication protocols, and the intricacies of game development. Debugging errors became an enjoyable and collaborative endeavor, contributing to our development of efficient troubleshooting and problem-solving skills.

Developing a game tailored for video call interactions brought a unique array of challenges. Central to our efforts was ensuring the game's real-time synchronization, mitigating latency issues, and crafting a user-friendly interface. The nuances of network problems, including lag and dropped connections, posed significant obstacles that demanded creative solutions. Additionally, the task of designing the game to be engaging and entertaining in the context of video calls necessitated meticulous attention to user experience, further challenging our problem-solving abilities.

Regarding the game we were in the process of creating, we harbored ambitious plans to enhance its appeal. Our vision encompassed the incorporation of a timer to heighten the challenge, granting players the opportunity to view the Pokémon they had captured after completing each level, and even introducing special bonus rounds where rare Pokémon could be captured. These features aimed to deliver a more immersive and realistic Pokémon hunting experience. Unfortunately, due to time constraints, we could not implement these elements as part of the project's scope. Nevertheless, we regard them as intriguing possibilities to explore in the future, potentially elevating the game to new heights.

In conclusion, developing a web-based game intended for video call interactions represents a valuable educational experience. It seamlessly intertwined technical, collaborative, and user-centric dimensions, allowing us to apply the knowledge acquired in the classroom to a tangible project. Above all, it reinforced the significance of adaptability and creativity when confronting challenges, serving as a testament to our capacity for growth. This project not only enriched our technical skills but also honed our capacity to function effectively within a team and highlighted the paramount importance of prioritizing the user experience, paving the way for a future marked by more sophisticated and user-centric creations.

Enjoy playing the Pokemon Memory Cards Game, and may your memory and Pokemon knowledge serve you well on this exciting adventure!