GSOC-2022-Project-Report

Final report for Google Summer of Code - 2022 at Python Software Foundation (EOS)

EOS icons - Figma and Adobe Xd plugins and website

Project Summary

Currently, the eos-icons have developed plugins for Figma and Adobe Xd. Both the plugins were in development phase and the plugins were unpolished and needed to be improved. The goal of the project was to work on both the website for the eos-icons and the development of the plugins. Continuous Integration/Continuous Deployment (CI/CD) were added to both plugin repositories, and users can also learn about the entire workflow and functionality of the plugins via documentation. The project scope also included publishing the Plugins on the Figma Marketplace and Adobe's Creative Cloud. Aside from that, a new UI is created improving the appearance of the Figma Plugin & refactoring the UI in such a manner that it includes a link to eos-icons so that users may learn more about it. The scope of the project also involves adding information in eos-icons.com about User Story to help users learn that they can request new icons via User Story.

Development Process

Contributions

EOS Icons Figma Plugin

S No.	Contribution
1	Added documentation for the plugin providing relevant test commands and how to run the plugin.
2	Configured semantic release for the figma repo based on eslint conventions
3	Generated new manifest Id for the plugin
4	Designed cover arts for the Plugin
5	Published EOS Icons Figma Plugin on Figma Community
6	Added modal to the plugin to provide information about the eos-icons
7	Designed & Updated the current UI for the Figma Plugin giving a new look

EOS Icons Adobe Xd Plugin

S No.	Contribution
1	Added documentation for the plugin providing relevant test commands and how to run the plugin
2	Configured semantic release for the adobe repo based on eslint conventions
3	Generated new manifest Id for the plugin
4	Changed state from HandleOnClick to HandleOnChange and debugged the Debounce Hook
5	Modified the API to fetch the icons properly and reduce the loading time
6	Designed cover arts for the Plugin
7	Published EOS Icons Adobe Xd Plugin on Adobe Creative Cloud
8	Added a section to the plugin providing information about the eos-icons

EOS Icons Website

S No.	Contribution
1	Added a section to the website providing information about the Figma Plugin
2	Added a section to the website providing information about the Adobe Xd Plugin
3	Fixed indexing issues with gifs in the website
4	Started to develop a section to the website providing information about the user-story

EOS Icons Wiki

S No.	Contribution
1	Added documentation on how to update EOS Icons Figma Plugin
2	Added documentation on how to update EOS Icons Figma Plugin

More info about the project:

Adobe Xd Plugin contributions

Figma Plugin contributions

Eos Icons Website contributions

My Journey

I have written blogs each week, documenting my journey through the entire GSOC period. You can find them here GSoC 2022 Anshuman Dhiman Blogs

Future Work

• Adding support for exporting icons of a specified size and color.
• Adding a favourite colors panel to the UI.
• Adding a drag-and-drop feature to the plugin.

Thank You

Time flew so fast and here I am approaching the end of GSoC. I am really glad that I got the opportunity to participate on GSoC 2022. I would like to heartily thank my mentors for guiding and helping me whenever I got stuck.It was hard to figure out the bugs and the issues coming but mentors helped me a lot during this. I would also like to thank EOS Design Systems and Python Software Foundation for giving me this opportunity. I will keep contributing to EOS in the future.