A presentation about open source tools and how to benefit from showing your work online with people.
The presentation was used for Supabase launch week 15 in istanbul
2. HI, I’M_
ABDELRAHMAN ISMAIL
@ismail9k
Software Engineer & Technical Team Lead
📸 Content Creator
🚀 10+ years in tech
🌍 Journey: Egypt → Turkey
🛠 Stack: TypeScript, Node.js, Vue.js, React, GoLang
But my real story begins with a GitHub account...
4. The Beginning_
Building in Public
I wasn't just coding. I was
learning, sharing, and building a reputation.
2016-2019: The Foundation Years
My early open source projects while working at Baianat:
- Hooper: Vue.js carousel component - there’s thousands of
components but I decided to build another one
- Verte: Vue color picker
- Blexar: CSS framework - why not using bootstrap? Because I
can build something better
- Align: Advanced text editor
- Leaps: Slider component
- Color-fns: Color manipulation library
- And more…
5. The Power of Visibility
What Open Source Really Gave Me:
- Portfolio that speaks louder than résumés
- Real-world problem-solving showcase
- Technical depth understanding
- Community Recognition
- Multiple Hacktoberfest wins
- 77,652 Dev.to article views
- Earned exclusive t-shirts
- 2000+ GitHub stars across projects
and back pain, of course…
8. Real-World Impact Story
"Open source skills translate directly to workplace value"
Case Study: html2pdf.js Crisis
Situation: Building a PDF catalog which generated mainly
from web browsers, was heavily dependent on html2pdf,
but it had a critical issue preventing rendering many
pages due to Canvas limitation
Action:
- Read entire source code
- Identified root cause
- Created PR with fix PR #300
Impact: Saved the project timeline and enabled
processing 100+ page catalogs
9. Meteor to Vue
Migration Project
Challenge:
Migrate live application from Blaze
to Vue.js
Solution:
- Deep Vue.js knowledge from open
source work
- Created inter-framework
communication layer
- Gradual component migration
Outcome:
Successful migration with zero
downtime
10. Maintaining vue3-carousel
🚀 Active maintenance
📦 85K+ npm weekly downloads (that's a lot of trust
from strangers on the internet)
⭐ 830 stars
🤝 Community support
📚 Comprehensive documentation
Current Impact
https://vue3-carousel.ismail9k.com
11. How giving helped me:
- Learned deeply by explaining and documenting
- Gained trust and visibility with every PR
- Built a network of collaborators and friends
- Got job offers without interviews
Why should you spend your time for free?
+9000 aura farmed
12. Start Small, Think Big
Every project teaches something
Quality over quantity
Engage with Users
Consistency is Key
Key Lessons Learned
Regular contributions build reputation
Small, frequent updates > sporadic large ones
Documentation Matters
Good docs = more users
Writing clarifies thinking
Issues are learning opportunities
User feedback drives innovation