How to Build a Portfolio Website with React

This page summarizes the projects mentioned and recommended in the original post on dev.to

Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com
featured
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com
featured
  1. Portfolio

    My self coded personal website build with React.js

    This is a Multi-Page Layout portfolio template built with React, Node.js, and other technologies. It is fully responsive and styled with React-Bootstrap and CSS, offering easy-to-customize colors. Clone the repository and read the documentation on how to use it.

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. build-react-portfolio

    Building a Portfolio Website with React and ButterCMS

    A starter GitHub repository has been created, which already includes the images and data required for this tutorial. This GitHub repository also contains dependencies and configurations for Tailwind CSS and other dependencies such as Axios, React Icons, and React Scroll.

  4. react-scroll

    React scroll component

    A starter GitHub repository has been created, which already includes the images and data required for this tutorial. This GitHub repository also contains dependencies and configurations for Tailwind CSS and other dependencies such as Axios, React Icons, and React Scroll.

  5. axios

    Promise based HTTP client for the browser and node.js

    Axios: Axios is a well-known library that is mostly used to send asynchronous HTTP queries to REST endpoints. When performing CRUD activities, this library comes in quite handy. Using this library, you can talk to the backend. To keep your portfolio dynamic, we'll use Axios to fetch your latest content from ButterCMS, keep your portfolio data up to date, and handle API requests efficiently.

  6. portfolio-butterCMS

    git clone -b starter https://github.com/Tammibriggs/portfolio-butterCMS.git

  7. three.js

    JavaScript 3D Library.

    Also, to make your portfolio stand out to recruiters and clients, you can add some creative and interactive animations to it. The following libraries can help you easily do this: Framer Motion, tsParticles, and Three.js.

  8. DevFolio

    A Modern Portfolio Template for Developers with easy setup process documented(with hosting). (by AnilSeervi)

    This is a one-page layout portfolio template built with React, fully responsive with a modern UI design, animations, and hover effects. It is an excellent choice and easy to use due to its well-organized documentation. Clone the repository to get started.

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. developer-portfolio

    Software Developer Portfolio Template built with react.js and next.js bootstrap that helps you showcase your work and skills as a software developer. (by 1hanzla100)

    This is a software developer portfolio template built with React, Next.js, and other technologies. It has a good component structure for sections that you can customize to showcase your skills and experiences. To use this template, clone the repository.

  11. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    In this step-by-step tutorial, you'll learn how to build a professional portfolio website using React and Tailwind CSS, with ButterCMS handling your content management.

  12. react-icons

    svg react icons of popular icon packs

    React Icons: A portfolio needs visual elements to engage visitors. React Icons gives us access to social media icons for your profiles, tech stack icons for your skills section, and UI icons for navigation and interaction.

  13. tsParticles

    tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

    Also, to make your portfolio stand out to recruiters and clients, you can add some creative and interactive animations to it. The following libraries can help you easily do this: Framer Motion, tsParticles, and Three.js.

  14. kentcdodds.com

    My personal website

    Kent C. Dodds

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Top 20 Modern React Libraries To Supercharge Your Next Big Project

    11 projects | dev.to | 18 Feb 2025
  • How Preply improved INP on a Next.js application (without React Server Components and App Router)

    4 projects | dev.to | 13 Feb 2025
  • React-toastify v11 - finally easy to customize

    2 projects | dev.to | 16 Dec 2024
  • NPM peerDependencies in Depth: A Comprehensive Introduction

    1 project | dev.to | 19 Oct 2024
  • Rendering Prisma Queries With React Table: The Low-Code Way

    4 projects | dev.to | 21 Jul 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?