Dark Mode, Redux, and Quote APIs: A Dev Portfolio That’s More Than a Landing Pag
Ahmed sherif helmy Ahmed

Ahmed sherif helmy Ahmed @ahmed_sherif_helmy_ahmed

Location:
Cairo,Egypt
Joined:
May 22, 2025

Dark Mode, Redux, and Quote APIs: A Dev Portfolio That’s More Than a Landing Pag

Publish Date: May 22
0 0

Most portfolios look great—but are static. I wanted mine to be interactive and functional. Instead of just saying “I know React and Redux,” I built a portfolio that shows it.

🖼 On the homepage, I fetch a quote from the Quotable API using Axios and store it in Redux. Why Redux? Because I may want to show that quote elsewhere, like in a footer or meta tag.

💡 I added a global dark/light mode toggle, also via Redux, which updates the entire layout using Bootstrap’s utility classes (bg-dark, text-light, etc.). All pages—including cards—reactively adapt to the selected theme.

🛠 Tech Stack:

React (TypeScript)

Redux Toolkit

Axios

React Router

Bootstrap + Bootstrap Icons

This project not only looks good but also reflects production-ready architecture. Got tips or ideas to improve it? Let’s chat.

Comments 0 total

    Add comment