Pokedex v2.3.0 - Language Support Updates 🌍🎉

Pokedex v2.3.0 - Language Support Updates 🌍🎉

We are thrilled to announce Pokedex v2.3.0, introducing new language features and enhancements. This update includes contributions from another user via a pull request, expanding the accessibility of the Pokédex across languages!

---

✨ New Features:

• Language Dropdown Selector:
  Replaced the language switch with a dropdown selector for easier and more intuitive language selection.

• Spanish Language Support:
  Added Spanish as a supported language. In cases where Portuguese translations are not available via the API, Spanish translations are now included in the Portuguese description fields.

• Fourth Language Support:
  Enhanced the language system to allow the possibility of adding a fourth language by including it in the dictionaries and ternary operators available in the code, making future language expansions easier.

---

Release Notes:

• Tag Version: v2.3.0

---

How to Update:

To pull the latest changes from the repository, run:

git pull origin main
npm install

A big thank you to our contributors for helping make Pokedex more accessible across different languages! 🚀

v2.2.2

Pokedex v2.2.2 - New Features & Bug Fixes 🛠️✨

We are excited to release Pokedex v2.2.2, which includes new animations, enhanced code structure, and several bug fixes for a smoother user experience.

---

✨ New Features:

• Slight Fade-in Animation for Overview Card:
  Added a subtle fade-in delay animation to the overview card for a more polished visual effect.

• Fade-in Effect for Pokémon Sprite:
  Implemented a fade-in effect for the Pokémon sprite within the overview card to enhance visual presentation.

---

🛠️ Bug Fixes and Improvements:

• 🐛 Pokémon Sprite Display Issue:
  Resolved an issue where the Pokémon sprite was not displaying properly in the header.

• 🎶 Cry Audio Logic Refactor:
  Refactored the cry audio logic out of the randomPokemon function to improve modularity and code reuse.

• 🛑 Pokéball Click Restriction:
  Fixed a bug allowing users to click the Pokéball multiple times, which caused unintended behavior. Clicking is now restricted until the current action completes, ensuring smooth animations and interactions.

---

Release Notes:

• Tag Version: v2.2.2

---

How to Update:

To pull the latest changes from the repository, run:

git pull origin main
npm install

We hope these improvements enhance your experience with Pokedex! Thank you for your ongoing support. 🚀

Full Changelog: v2.2.1...v2.2.2

Pokedex v2.2.1 - Bug Fixes 🐞

Pokedex v2.2.1 - Bug Fixes 🐞

We are pleased to announce Pokedex v2.2.1, which addresses a critical bug identified in the previous release. Here are the details:

---

🛠️ Bug Fixes:

• 🐛 Random Pokémon Event Fix:
  Resolved an issue where the randomPokemon event was incorrectly triggered after redirecting to the home page, ensuring consistent behavior.

• 🎨 Credits Page Styling:
  Corrected a styling bug on the Credits page for improved appearance and user experience.

---

Release Notes:

• Tag Version: v2.2.1

---

How to Update:

To pull the latest changes from the repository, run:

git pull origin main
npm install

Thank you for your understanding and continued support! We appreciate your feedback as we strive to improve Pokedex. 🚀

Full Changelog: v2.2.0...v2.2.1

Pokedex v2.2.0 - New Features, Improvements & Bug Fixes 🚀

Pokedex v2.2.0 - New Features, Improvements & Bug Fixes 🚀

We are thrilled to announce the release of Pokedex v2.2.0! This update introduces a range of new features, significant improvements, and several critical bug fixes. Check out the details below:

---

✨ New Features:

• 🔄 Lazy Loading:
  Implemented lazy loading to enhance performance, with a default data fetch timeout of 10,000ms.

• ⚙️ Pokémon Limit Settings:
  Enhanced the setPokemonLimit() function to automatically close the settings menu upon confirmation, streamlining the user experience.

• ⌨️ Keyboard Navigation:
  Added keyboard support for navigation and tab control within the popup card, improving accessibility for all users.

• 🎉 Pokéball Secret Feature:
  Introduced a hidden feature where a random Pokémon appears with an autoplay cry when the Pokéball is clicked in the popup, adding an element of surprise!

• ⚠️ Danger Zone Confirmation:
  Replaced standard confirmation alerts with a custom danger zone window for Pokémon limit changes, providing a more cohesive user interface.

• 🇩🇪 German Localization:
  Added missing German translations in the Editions tab to enhance the localization effort.

---

🚀 Improvements:

• 📜 Credits Page:
  Created a dedicated credits page featuring background music, acknowledging contributors and sources.

• 🔗 Routing System:
  Refactored the routing system for more efficient navigation across the app.

• ⏳ Loading Animation:
  Improved visibility of the loading animation at the bottom of the page for better user experience during data fetching.

• 📝 JSDoc Updates:
  Updated JSDoc comments to reflect recent changes and improve code documentation.

---

🛠️ Bug Fixes:

• ⚠️ Duplicate Item Names:
  Resolved an issue where item names and tooltips were duplicated, ensuring clarity and accuracy in the UI.

• 🌐 English-German Translations:
  Fixed incorrect translations between English and German throughout the app for a consistent user experience.

• 🚫 Overflow Bug:
  Corrected a bug causing overflow:hidden to improperly hide content and removed leftover debug console.log entries for cleaner code.

• 🔄 Generation 1 Limit Bug:
  Fixed a bug where the Gen 1 Pokémon limit was incorrectly selected after a page refresh, ensuring accurate data loading.

---

Release Notes:

• Tag Version: v2.2.0

---

How to Update:

To pull the latest changes from the repository, run:

git pull origin main
npm install

Thank you for your continued support! We hope you enjoy the new features and improvements in Pokedex v2.2.0! 🚀

Full Changelog: v2.1.0...v2.2.0

Pokedex v2.1.0 - New Features, Fixes & UX Enhancements 🚀

Pokedex v2.1.0 - New Features, Fixes & UX Enhancements 🚀

We’re excited to announce Pokedex v2.1.0, which comes with new features, key fixes, and several user experience and localization improvements. Here’s what’s new:

---

✨ New Features:

• 🔝 Back-to-Top Button:

  • Added a convenient back-to-top button for seamless navigation, allowing users to quickly scroll back to the top.

• 🖱️ Scrollbar Customization:

  • The appearance of the scrollbar has been updated to fit the overall design better.

• ⚠️ Danger Zone Confirmation:

  • The danger zone button now requires confirmation before proceeding and is disabled while loading, preventing unintended actions.

• 🧭 Imprint Page:

  • Added an imprint page for legal compliance and site information, now available in both English and German.

---

🛠️ Fixes & Tweaks:

• 📝 Pokemon Name Size Fix:

  • Standardized the size of Pokémon names across various devices for consistency.

• 📝 Heading for Editions Tab:

  • Fixed the heading layout for the "Editions" tab content for improved clarity.

• 🛠️ Localization Improvements:

  • Expanded German localization to include more items, and now the imprint page is also localized. Tooltips have been added for better usability across the interface.

• 🎛️ Cry Button UX:

  • When the cry button is pressed, it now shows a disabled cursor while the cry is playing to give feedback to users.

---

🎨 UX Improvements:

• 🛠️ Tooltips:

  • Tooltips were added across various parts of the UI to provide additional guidance and clarity for users.

• 📝 Documentation Update:

  • Updated the documentation to reflect recent changes and enhancements, keeping everything up-to-date.

---

Release Notes:

• Tag Version: v2.1.0

---

How to Update:

• Pull the latest changes from the repository and install the updated dependencies:

  git pull origin main
  npm install

We appreciate your continued support! We’re excited for you to try out these new features and improvements in Pokedex v2.1.0! 🚀

Pokedex v2.0.0 - Official Release 🎉

Pokedex v2.0.0 - Official Release 🎉

We’re thrilled to announce the official release of Pokedex v2! This version marks the transition from beta to a fully polished product, packed with new features, UI refinements, and performance improvements. 🎊

🚀 New Features:

• 🌍 Localization:

  • English: Fully supported (100% translated).
  • German: Around 90% completion. Further updates will finalize this.

• ⏳ Loading Animations:

  • Added sleek loading animations to improve user experience while fetching data.

• 🔊 Volume Slider:

  • Fixed responsiveness of the volume slider for mobile resolutions, ensuring smooth control across devices.

• ⚙️ Settings Menu Enhancements:

  • Language Switch: Easily switch between supported languages (English and German).
  • Pokémon Loading Limits: Added an option to set Pokémon loading limits, surrounded by a "danger zone" warning (similar to GitHub’s UI for high-impact actions).
  • Save Settings: User preferences like language and Pokémon loading limits are now saved using localStorage, allowing persistent settings across sessions.

🎨 UI & Design Improvements:

• 🎨 Final Design:

  • Completed final design tweaks, including background, updated type pill colors, and a more refined overall UI.

• 🖼️ Preview Image for Meta Tags:

  • Added a preview image (og:image) for better link sharing on social media platforms.

• 💅 SCSS Tweaks:

  • Continued SCSS fine-tuning for improved responsiveness, consistent design, and a smooth user interface across devices.

🛠️ Fixes & Refactoring:

• 🛠️ Refactored Code:

  • Refactored several functions, optimized code, and renamed variables/functions for better maintainability and readability.

• 🛠️ Volume Slider Fix:

  • Fixed the volume slider’s behavior in mobile resolutions, ensuring proper functionality and display on all screen sizes.

🧾 Documentation:

• 📄 Compodoc Documentation:
  • Generated a full documentation page using Compodoc. The documentation includes in-depth details on how the project works, all functions, and components.

Known Issues:

• 🌍 German Localization: Still about 10% remaining for full German localization. Future updates will cover this.

---

Release Notes:

• Tag Version: v2.0.0
• Pre-release: Uncheck the "This is a pre-release" option as this is the official, stable release.

---

How to Update:

• Pull the latest changes from the repository and install the updated dependencies:

  git pull origin main
  npm install

Thank you for your incredible support during the beta phases! We are excited for you to try out the final version of Pokedex v2 and can't wait to hear your feedback. 🌟

Full Changelog: v2.0.0-beta.8...v2.0.0

Pokedex v2.0.0-beta.8 - Volume Control & UI Enhancements

Pokedex v2.0.0-beta.8 - Volume Control & UI Enhancements 🌟

We're excited to introduce the eighth beta release of Pokedex v2, which includes several new features, UI improvements, and bug fixes to enhance both functionality and user experience. Here's what's new in this update:

---

Key Features and Enhancements:

• Pokémon List Navigation:

  • 📜 onPrevClick/onNextClick: Updated to allow navigation through the entire Pokémon list, not just the filtered subset. Now works correctly even when the list is filtered to a single result.

• Updated pokeapi-js-wrapper: Upgraded to version 1.2.7 for improved performance and compatibility.

• Audio Improvements:

  • 🔊 playCry() with Volume Control: Rewritten to include dynamic volume adjustment based on user preferences. The cry now plays only once per trigger, with a helper function for modifying audio.volume. Updated JSDocs to reflect these changes.
  • 🎛️ Volume Slider: Introduced a volume control slider in the UI, allowing users to adjust the Pokémon cry volume dynamically.
  • ⚙️ Settings Service: Added a settings.service to manage user preferences like audio volume. The old setAudioVolume and getAudioVolume functions are now deprecated and fully integrated into this new service.

---

UI & Responsiveness Improvements:

• 🖥️ App-UI-Settings Component: Created a new component (app-ui-settings) to handle user interface settings. SCSS adjustments ensure smooth integration on the right side of the screen.
• ⚙️ Gear SVG and UI Layout: Updated the gear SVG for better visual clarity. Styled the ui-settings component and improved the overall layout for better responsiveness.
• 🖼️ Responsiveness Enhancements: Further tweaks to .setting, ui-settings.component, and SVG elements for enhanced mobile and desktop responsiveness.
• ❌ Close Button in Overview Card: Improved the styling, position, and responsiveness of the close button in the Pokémon overview card, aligning it alongside the HP display for a cleaner layout.
• 🎨 Drop-Shadow and Visual Enhancements: Added drop-shadow effects to tab icons, refined footer and description styling, and updated heading/type pill styles for better visual consistency.
• 🧾 HTML Entities: Replaced the < and > symbols with 〈 and 〉 for proper rendering in the UI.

---

Documentation:

• 📄 JSDocs Updates: Added detailed JSDocs for resetTabDisplay() and settings.service functions, reflecting the latest changes and functionality enhancements.

---

Known Issues:

• 🌍 Localization: Plans for future localization support to provide multi-language options are under consideration.
• 🔄 Data Fetching for Additional Pokémon: Future updates will include the ability to fetch and display data for more Pokémon (up to #1025), but this feature is currently delayed due to missing data in the API.
• 🎨 UI Fine-Tuning: Some UI components are still being refined for an even smoother user experience.

---

Notes:

• This is an official beta release. We encourage users to test the new features and report any bugs or issues. Please share feedback through our GitHub Issues page.

Thank you for your continued support! We're making great progress and look forward to more exciting updates in future releases. 🚀

Pokedex v2.0.0-beta.7 - Refactoring and UI Enhancements

Pokedex v2.0.0-beta.7 - Refactoring and UI Enhancements 🌟

Welcome to the seventh beta release of Pokedex v2! This update includes significant refactoring, JS documentation, and some exciting UI improvements. Here's what's new:

Refactoring & Documentation:

• 📜 Function Refactoring: Rewritten a lot of functions to improve readability, performance, and maintainability.
• 📝 JS Docs: Added JSDoc comments to functions to ensure clear documentation and ease of understanding for future development.

UI Enhancements:

• 🔄 Sticky "BETA RELEASE" Heading: The "BETA RELEASE" header has been moved to a separate sticky container at the top of the page for improved visibility.
• 🎨 Pokeball Placeholder: Replaced the placeholder h2 text with an actual Pokeball image (currently non-functional, but the visual enhancement has been made).
• 🖼️ Background Styling: Added a background image to the body for a more visually appealing look.
• 🎨 Type Colors on Cards: Pokémon type colors have been added to the overview and cards for a more dynamic display.
• 🖥️ Fixed Card Size for Desktop: The overview card now has a fixed width and height on desktop for consistency, with better responsiveness on smaller screens.
• 📱 Responsive Adjustments: Made adjustments to ensure better responsiveness across devices.

Search Functionality:

• 🔍 Search Optimization: The search function now only triggers when the input has at least 3 characters. This prevents unnecessary search operations on shorter inputs and improves efficiency.

Known Issues:

• 🛠️ Pokeball Image: The Pokeball image currently has no functionality, but future updates may add interactions.
• 🎨 Design Enhancements: UI and design improvements are still in progress for further refinement.

Notes:

• This is still a beta release, and while we're getting closer to a final version, there are ongoing design and feature improvements planned. Please provide feedback or report issues via GitHub Issues.

Thanks for your support and for testing Pokedex v2! Stay tuned for more updates and improvements. 🌟

Pokedex v2.0.0-beta.6 - Mobile Fixes and Refinements

Pokedex v2.0.0-beta.6 - Mobile Fixes and Refinements 🎉

We're excited to release the sixth beta version of Pokedex v2! This update includes critical fixes, improvements, and refinements, particularly enhancing the mobile user experience.

Fixes:

• 📱 Button Positioning on Mobile: Corrected button positioning in the overview card for mobile view. The buttons no longer overflow the card boundary, allowing the card to take the full width as intended.
• 🚫 Hide Scrollbar on Mobile Browsers: Addressed the issue of visible scrollbars on mobile browsers. The scrollbar is now hidden to maintain a fixed page layout.
• ⚙️ Radar Graph and Items Display Bug: Fixed a bug where both the radar graph and items were displayed simultaneously when switching Pokémon after viewing the items tab. The correct content is now shown when navigating between Pokémon.

Removed:

• ❌ Unnecessary CSS Properties: Removed redundant CSS properties from the Pokémon sprite in the overview card to simplify the code and reduce redundancy.

Refactor:

• 📝 Item Display Text Update: Updated the text for displaying catchable Pokémon items. Changed the headline from "Items to hold" to "Possible items to receive upon catching" and adjusted the empty state text for clarity.

Known Issues:

• ⚙️ Radar Chart Customization: The radar chart still requires additional customization and design tweaks for optimal display.
• 🎨 UI Improvements: Ongoing UI improvements for the overview popup card and overall design are in progress.

Notes:

• This is a beta release. While we’ve made significant progress, further design enhancements and feature refinements are planned. Your feedback is essential to help us address any remaining issues and improve the application. Please report any issues or provide feedback through our GitHub Issues page.

Thank you for your continued support and feedback on Pokedex v2! Enjoy the new fixes and refinements, and stay tuned for more updates. 🌟

Pokedex v2.0.0-beta.5 - Enhanced Overview Card and Fixes

Pokedex v2.0.0-beta.5 - Enhanced Overview Card and Fixes 🚀

We're excited to release the fifth beta version of Pokedex v2! This update includes new features, important fixes, and some tweaks to improve user experience.

New Features:

• 🔄 Iterate Through Pokémon: Added buttons to the overview card for easy navigation through Pokémon. Use the left and right buttons to view different Pokémon.
• 📊 Stats Display Options: Users can now switch between displaying Pokémon stats via the radar graph, items, or editions.

Fixes:

• 🚫 Scrollbar Issue: The body scrollbar in the overview card has been hidden to ensure a cleaner interface.
• 📱 Mobile Searchbar: Fixed the searchbar issue on mobile devices where input was parsed incorrectly.

Tweaks:

• 🎨 Mobile Styling: Improved styling of the overview card for better mobile testing.
• 🔗 Meta Tags: Added meta tags to index.html for better sharing of the page link with proper information.
• 📏 Height and Weight Display: Added height and weight information of the selected Pokémon in the overview card.
• 🖼️ Icons for Items and Editions: Replaced text with corresponding icons for items and editions in the overview card.
• 💪 HP Display: The HP of the selected Pokémon is now shown at the top left corner of the Pokémon image in the overview card.

Known Issues:

• ⚠️ Radar Graph and Items Display Bug: If you switch to the items tab and then click the right button to show the next Pokémon, both the radar graph and items may be displayed. This behavior is unintended and will be addressed in a future release.

Notes:

• This is a beta release. Your feedback is crucial for improving the app. Please report any issues or provide feedback through our GitHub Issues page.

Thank you for your continued support and feedback on Pokedex v2! We hope you enjoy the new features and improvements. 🌟