More Premium Hugo Themes Premium React Themes

Portfolio Landing Page

React portfolio landing page using best practices & common libraries, and Apollo integration into github API. (WIP)

Portfolio Landing Page

React portfolio landing page using best practices & common libraries, and Apollo integration into github API. (WIP)

Author Avatar Theme by jigalin
Github Stars Github Stars: 87
Last Commit Last Commit: Apr 11, 2022 -
First Commit Created: Apr 29, 2023 -
default image

Overview

The React Portfolio is a simple one-page portfolio template based on the original project by Julian C. It features clearly defined and modular components that can be easily customized for different use cases. The portfolio is currently integrated with Apollo and the Github API, allowing users to call repositories using their provided auth token.

Features

  • React: The portfolio is built using the React framework.
  • GraphQL: It uses Apollo and the Github API to make GraphQL calls for repositories.
  • Modularity: The components in the portfolio are designed to be easily swapped in and out, making it customizable for different use cases.
  • Particles.js: The portfolio incorporates particles.js, adding interactive particle animations to the design.
  • React Reveal: It utilizes React Reveal to create stunning reveal animations for a more engaging user experience.
  • React Is Visible: This package is used to determine if an element is visible on the screen, allowing for dynamic interactions.
  • Gatsby: There are planned developments to convert the site to a Gatsby static site, which will improve load times and security.

Installation

To install the React Portfolio theme, follow these steps:

  1. Make sure you have Node.js and npm installed on your machine.
  2. Clone the repository to your local machine.
  3. Navigate to the project directory in your terminal.
  4. Run the command npm install to install the necessary dependencies.
  5. Customize the portfolio by modifying the components and adding your own content.
  6. Run the command npm start to start the development server.
  7. Visit http://localhost:3000 in your browser to see the live preview of your portfolio.

Summary

The React Portfolio is a customizable one-page portfolio template built with React. It offers modular components that can be easily customized, and it integrates with Apollo and the Github API for fetching repositories. The portfolio incorporates particles.js and React Reveal for stunning visual effects and animations. With planned developments to improve load times and security by converting it to a Gatsby static site, the React Portfolio is a versatile choice for showcasing your projects and experiences.