Sem Joel Portfolio – The Dev Who Codes Against All Odds

Inspiration

I was born and raised in Goma, DRC, Yep, the one you hear about in the news — constant conflicts, uncertainty, and all that, a region where tech opportunities are limited, but ambition runs deep. I was fascinated by technology, but let’s be real — affording a tech career in my environment? A wild dream. But, I took the “practical” route and studied civil engineering because, well, “it’s where you’ll land a job quickly,” they said.

But deep down, I knew something was missing. Then, boom! Final year of university, and I FINALLY got my hands on a laptop (shoutout to my family for the struggles and sacrifices). That little machine changed everything., I discovered coding—and I never looked back.

This portfolio isn’t just a showcase of my skills; it’s a reflection of my journey. It tells the story of resilience, growth, and learning, proving that even if you start from a place with little access to tech, you can still build something great.

More than just my personal site, this project is a reminder that where you start doesn’t define where you can go.

What it does

Sem Joel Portfolio is an interactive, animated personal website that:
✅ Showcases my journey from civil engineering to frontend development
✅ Highlights real-world projects like Genz Ad Generator and GText AI
✅ Uses smooth animations & UI design to create an engaging experience
✅ Serves as a professional platform to connect with potential collaborators and employers

How we built it

🛠 Tech Stack & Tools

Frontend: React + Next.js (for structure & performance)
Styling: TailwindCSS + Framer Motion (for responsiveness & animations)
Hosting & Deployment: Vercel

📐 Process

Focused on Layout & interaction plus storytelling
Built with clean, scalable architecture
Optimized for fast load times & accessibility

Challenges we ran into

Balancing performance & animation:
- I wanted smooth, interactive motion without slowing down the site.
- Solution: Used Framer Motion efficiently & optimized Next.js for speed.
Working with limited resources:
- Coming from Goma, high-speed internet & modern hardware weren’t always available.
- Solution: Focused on lightweight components & efficient deployment strategies.

Every challenge made the project stronger and more meaningful.

Accomplishments that we're proud of

✅ Built a polished, high-performance portfolio finding inspirations here and there
✅ Designed an interactive experience that goes beyond a simple website
✅ Overcame technical challenges like optimizing animations without lag
✅ Created a tool that can inspire & help others break into tech

What we learned

🚀 Technical Lessons:

Fine-tuning Framer Motion for micro-interactions
Making performance-first decisions when using animations
How to craft a responsive, accessible UI

💡 Personal Growth:

The importance of storytelling in tech
How to build something that represents more than just skills
That humility + consistency will always beat talent alone

What's next for Sem Joel Portfolio – The Dev Who Codes Against All Odds

🌍 More projects, more learning: I’ll continue to refine this portfolio, adding new case studies and expanding it into a full blog & mentorship space.

💡 Mentorship & Community: I want to use my story to help others who are just starting, especially those in regions like mine.

🚀 Freelance & Open Source: Open to collaborations, job opportunities, and mentorship, helping build impactful web applications.

🔥 Final Thought:

This is about proving that where you come from doesn’t limit what you can create. I’m grateful for the journey, the lessons, and the opportunity to share this with the world.

📌 Live Portfolio: Live here 📌 GitHub Repo: Code here