Portfolio Ideas

Mar 25, 2022 | Programming

A curation of awesome portfolio ideas for developers and designers to draw inspirations when they decide to create their own. Want to add yours or someone else’s, feel free to raise a PR to add them. Inspired by Clone Wars, 30 web developer ideas to inspire you, and my personal struggles.

How to Contribute

Want to add a portfolio to this list? Read the guidelines on how to do that.

Exploring Portfolio Examples

Imagine building an impressive tower from blocks, where each block represents a unique portfolio example in our collection. Each tower might look different based on the order and type of blocks (technologies) used. Let’s dive into a handful of these creative structures:


Author               Screenshot                         Live URL                 Repo                                  Tech Stack                                             
-------------------  --------------------------------  -----------------------  --------------------------------------  ---------------------------------------------------
Victor Eke          ![victoreke.com](https://github.com/Evavic44/portfolio-ideas/assets/62628408618b6f06-1f3b-41e3-861f-6463ae5f0f81)  [victoreke.com](https://victoreke.com)           [GitHub](https://github.com/evavic44/victoreke.com)     Nextjs, Sanity, Tailwind CSS, TypeScript, Umami, Vercel
Kent C. Dodds      ![kent-c-doddds](https://user-images.githubusercontent.com/62628408169700953-63aaedb6-4784-4f42-a356-84d6506f8bf3.png)  [kentcdodds.com](https://kentcdodds.com)      [GitHub](https://github.com/kentcdodds/kentcdodds.com)  React, TypeScript, Remix, Prisma, Redis, Postgres, CSS
Brittany Chiang     ![britanny-chiang](https://user-images.githubusercontent.com/62628408163446015-fc50d2c1-3cee-42fb-b80a-b692ad7eef1e.png) [v4.brittanychiang.com](https://v4.brittanychiang.com) [GitHub](https://github.com/bchiang7/v4) React, Gatsby, Styled-components
Braydon Coyer       ![braydon-coyer](https://user-images.githubusercontent.com/62628408163818384-cebba9c4-e0ac-4172-bced-7011837bb292.png) [braydoncoyer.dev](https://braydoncoyer.dev)  [GitHub](https://github.com/braydoncoyer/braydoncoyer.dev) React, TypeScript, NextJS, Tailwindcss, Notion API, Supabase

Troubleshooting Ideas

If you encounter any issues adding your own portfolio or finding inspiration, here are some tips to navigate through:

  • Check Your URLs: Ensure that the submitted URLs to GitHub and live portfolio pages are accurate. It’s like taking the wrong exit when driving—be sure to double-check your directions.
  • Link Format: Verify that each link you include follows the correct format. Like a chain link, each portion should fit together seamlessly for a strong connection.
  • Technology Stack: Make sure to list the right technologies you’ve used. They’re the building blocks of your portfolio, ensuring it stands tall and sturdy.
  • Community Input: If you’re unsure about the contributions process, interact with the community via the issues page and get feedback.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox