Coder Social home page Coder Social logo

andrevarandas / memoria-leonina Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 4.29 MB

🦁 Memória Leonina is an interactive memory game that celebrates Sporting Clube de Portugal.

Home Page: https://andrevarandas.github.io/memoria-leonina/

License: MIT License

JavaScript 61.71% Shell 0.42% HTML 1.84% Vue 35.22% SCSS 0.45% CSS 0.36%
football game-development hacktoberfest hacktoberfest2023 javascript memory-challenge memory-game open-source sporting-cp sports vue-3 vuejs

memoria-leonina's Introduction

Hi there 👋

  • 🔭 I’m currently working at Mercedes-Benz.io building next gen e-Commerce websites.
  • ✨ I'm mainly using Vue 💖.
  • 🌱 I’m currently learning Dart and Flutter.
  • 👯 I’m looking to collaborate on awesome open source projects!
  • 📫 How to reach me: [email protected]
  • ⚡ Fun fact: I 💖 mechanical keyboards.

memoria-leonina's People

Contributors

andrevarandas avatar guillergood avatar

Watchers

 avatar  avatar

Forkers

guillergood

memoria-leonina's Issues

Logo

Feature request:

We need a cool logo to use on our project readme, favicon and main page.

Preload images

Feature request

Images should be preloaded on the main screen to avoid flickering during the game - especially noticeable on slower connections.

Implement Countdown Timer

Objective

To enhance the challenge and excitement of the game, we aim to implement a countdown timer that will require players to complete the game within a specified time limit.

Tasks:

  • Timer Display: Create a timer display on the game interface, preferably at the top or bottom, clearly visible to players.

  • Countdown Functionality: Implement the logic for a countdown timer that starts when the game begins and counts down from a specified time limit (e.g., 60 seconds).

  • Timeout Handling: When the timer reaches zero, the game should automatically end, and the player's progress should be evaluated.

  • Pause and Resume: Implement the ability to pause and resume the timer. When paused, the timer should stop counting down, and when resumed, it should continue from where it left off.

  • Timer Styling: Ensure that the timer is visually appealing and that the display updates dynamically as the timer counts down.

  • Configurable Timer: Make the timer's duration configurable, so it can be adjusted easily in the game settings.

Acceptance Criteria:

  • The game interface should include a countdown timer that starts when the game begins.
  • The timer should be visually appealing and clearly visible to players.
  • The timer should count down from a specified duration (e.g., 60 seconds) and stop when it reaches zero.
  • Players should be able to pause and resume the timer as needed.
  • The timer's duration should be configurable in the game settings.

Additional Information:

Adding a countdown timer will add an exciting element of challenge to our game, making it more engaging and competitive for players.

References:

Countdown examples made with vuejs https://vuejsexamples.com/tag/countdown/ - note that the implementation does not have to be vue specific.

Add Localization Support

As part of our efforts to make Memória Leonina accessible to a global audience, we are looking to add localization support to the game. This will allow users from different regions and languages to enjoy the game in their native language.

  • Identify and implement a localization library or approach that suits the project's structure. (Maybe https://github.com/intlify/vue-i18n-next would fit, or maybe we can use a custom implementation)
  • Create a directory structure for storing localization files.
  • Provide translations for game elements such as buttons, labels, and instructions.
  • Implement a mechanism to switch between languages in the game settings.
  • Ensure that text elements are dynamically updated based on the selected language.
  • Add support for at least one additional language (e.g., Spanish, French, or another language of your choice).

Acceptance Criteria:

  • The game should include a language selection option in the settings.
  • Translations should be provided for all user-facing text elements.
  • Text should be updated dynamically when the user selects a different language.
  • The game should initially support English and one additional language.

Feel free to reach out if you have any questions or need guidance on the localization process. This enhancement will make the game more accessible to a wider audience and improve the overall user experience.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.