React Portfolio

screenshot of React Portfolio
react

React Portfolio

A clean and customizable ReactJS portfolio template for fellow developers. Credits to Jo Lienhoop!

Overview

The Personal Portfolio Website is a clean and customizable ReactJS portfolio template designed for developers. It is built using React v16 and bootstrapped with Create React App. The template is styled with Material-UI and deployed on Vercel. The personal information displayed on the portfolio is populated from a resume.json file following the JSON Resume standard. The website also includes a toggle/switch for dark mode, which syncs its state to the local storage. In addition, there are two beautiful resume page templates that will be available soon, generated based on the data in the resume.json file.

Features

  • Populates personal information from resume.json file following the JSON Resume standard.
  • Toggle/switch for dark mode that syncs its state to the local storage.
  • Two beautiful resume page templates will be available soon, generated based on the data in the resume.json file.
  • Rich Google search results using structured data with json-ld.org.
  • Fully customizable with the ability to fork the project and customize it with your own information and style.
  • Material-UI documentation provides guidance on customizing themes, components, and colors.
  • Accepts pull requests for any improvements made to the app.

Installation

To install the Personal Portfolio Website, follow these steps:

  1. Clone the project repository from GitHub:
git clone [repository_url]
  1. Navigate into the project directory:
cd [project_directory]
  1. Install the project dependencies:
npm install
  1. Run the app in development mode:
npm start

This will start the app at http://localhost:3000 and the page will reload if you make any edits. Additionally, any lint errors will be displayed in the console.

  1. Build the app for production:
npm run build

This command will build the app for production and create a build folder. The build is optimized for performance, with minified code and filenames that include hashes. Your app is now ready to be deployed.

Summary

The Personal Portfolio Website is a customizable ReactJS portfolio template for developers. It features the ability to populate personal information from a JSON file, a toggle for dark mode, and upcoming resume page templates. The template is fully customizable and can be forked to add your own information and style. It is built with React v16, styled with Material-UI, and deployed on Vercel. The project is open to contributions and improvements through pull requests.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components