Motivation and Planning
(edit- I just realized that this blog for planning has been siting in draft from over a week whereas I thought its already posted. Sorry for the late post)
As part of my open-source journey, I decided to work on Issue #15 in the DaabChingrii project. This issue focused on creating, designing and improving the Features Section, ensuring it aligned seamlessly with the rest of the website while incorporating modern animation and styling practices.
Why This Issue?
I specifically chose this issue because it offered a fresh challenge—something I had not attempted before in my open-source contributions. The task required me to learn Tailwind CSS, Framer Motion, and delve into the project's structure. It was a unique opportunity to expand my skillset and contribute meaningful changes to a live project and learning a new Styling tool like Tailwind will also contribute to resume as I have not been to much active in front-end development lately.
Steps I Took
The process involved multiple phases:
-
Understanding the Project
- The project structure was initially unfamiliar, and I spent time analyzing and comprehending the file organization, component hierarchy, and Tailwind setup.
- I engaged in discussions within the project's Discord channel to clarify doubts about the existing structure and requirements even before officially asking to assign the issue and after getting assigned then I realized that there was conversation of issue page itself due to which I uploaded the final work screenshot there.
-
Learning the Tools and Technologies
- I had limited to no experience with Tailwind CSS and Framer Motion, so I dedicated time to exploring Tailwind's documentation and experimenting with its utilities for creating responsive layouts and animations.
- Framer Motion's animation principles, especially creating dynamic hover effects and viewport transitions, were new and exciting challenges.
-
Planning the Solution
- I spent time brainstorming ideas for the redesign. I carefully evaluated various design elements and animation effects to maintain consistency with the project's aesthetic.
- I also researched best practices for accessibility and performance optimization.
Reflection and Next Steps:
I believe that, this issue will prove to be a valuable learning experience. It not only deepened my technical understanding but also enhanced my ability to contribute effectively in an open-source environment.
This work has until now has been both a challenge and a rewarding experience, and I look forward to continuing my contributions to the DaabChingrii community!
Top comments (0)