Good First Issue: Radar Chart Customization and Design Tweaks

[mariokreitz]

Good First Issue: Radar Chart Customization and Design Tweaks

Description:
We need help with customizing and improving the design of the radar chart in the Pokedex-v2 project. This is a great opportunity for newcomers to get familiar with our charting library and contribute to enhancing the visual appeal and functionality of the radar chart.

Task Details:

• Objective: Customize and refine the radar chart to ensure it has an optimal display and design.
• Steps to Complete:
  1. Locate the Radar Chart Component: Find the radar chart implementation in the project. It’s likely in the src/app/components/pokemon-list/pokemon-popup directory.
  2. Review Current Design: Examine the current radar chart to understand its existing design and functionality.
  3. Apply Customizations: Implement design tweaks and customization to improve the radar chart. This may include adjusting colors, labels, scales, or other visual elements.
  4. Test Your Changes: Ensure the radar chart displays correctly and looks good across different screen sizes and devices.
• Expected Outcome: The radar chart should have an enhanced visual design and improved customization for better display and usability.

Requirements:

• Skills Needed: Basic understanding of JavaScript and CSS. Familiarity with charting libraries (like Chart.js, D3.js, etc.) is a plus.
• Tools: Knowledge of Git and GitHub.

Resources:

• Radar Chart Component for reference.
• Charting Library Documentation if applicable.

How to Get Started:

1. Fork the Repository: Click the "Fork" button at the top right of the repository page.
2. Clone Your Fork: Clone your fork to your local machine using git clone.
3. Create a Branch: Create a new branch for your changes. For example: git checkout -b radar-chart-customization.
4. Make Your Changes: Apply the necessary design tweaks and customizations to the radar chart.
5. Submit a Pull Request: Push your changes and submit a pull request to the main repository.

Additional Notes:

• Feel free to ask for help if you have questions or need clarification on the task.
• Check out our contributing guidelines for more information on how to contribute.

Labels:

• Good First Issue

[ferracioli]

Hi, was this issue already fixed? I would like to start contributing with open source, and I found out the popup doesn't renders properly in my notebook(1366 x 720px screen). Since the overview-card has a height of 700px, I think it is rendering above my browser window. Below is the representation showing the popup in my screen:

[mariokreitz]

Hi, was this issue already fixed? I would like to start contributing with open source, and I found out the popup doesn't renders properly in my notebook(1366 x 720px screen). Since the overview-card has a height of 700px, I think it is rendering above my browser window. Below is the representation showing the popup in my screen:

Hey,
this issue with the chart isnt fixed.

THe issue what you are facing is a different one. The overall height from the popupcard is fixed to 700px on the desktop view. I didnt testet it on this resolution that you have =) so the css need some refactoring

[ferracioli]

Great :)

I am going to fork in order to refactor the css(opening a new issue in order to keep this older one), and so will pull request as soon as possible, thanks!
Since I am learning the code, it may take some time, but I intend to add a portuguese translation in the Pokedex as well in the future.