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.