More Premium Hugo Themes Premium React Themes

Personal Website React

A clean, responsive, single-page webapp template for developers.

Personal Website React

A clean, responsive, single-page webapp template for developers.

Author Avatar Theme by johoop
Github Stars Github Stars: 340
Last Commit Last Commit: Nov 26, 2022 - 2 years ago
First Commit Created: Dec 18, 2023 - 1 year ago
default image

Overview:

The Personal Website React is a clean and responsive single-page web app template designed for developers. It is built using React and styled with Material-UI. The website pulls personal information from a resume.json file following the JSON Resume standard, allowing for easy customization. The template also includes a toggle/switch for dark mode that syncs its state to local storage. Additionally, there are future plans to add two resume page templates and rich Google search results using structured data.

Features:

  • Personal information populated from resume.json file
  • Toggle/switch for dark mode with state synced to local storage
  • Two resume page templates (coming soon)
  • Rich Google search results using structured data (coming soon)

Installation:

To install the Personal Website React template, follow these steps:

  1. Clone the project from GitHub:
git clone https://github.com/[username]/[repository].git
  1. Navigate to the project directory:
cd [repository]
  1. Install the dependencies using npm:
npm install
  1. Start the app in development mode:
npm start
  1. The app will run at http://localhost:3000. Edit the code as desired, and the page will automatically reload.

For production deployment, build the app using:

npm run build

The app will be ready for deployment in the build folder.

Summary:

The Personal Website React is a versatile web app template for developers looking to create their own personal websites. With its clean and responsive design, it provides an excellent starting point for customization. The integration of the JSON Resume standard allows for easy population of personal information, while the dark mode toggle and upcoming resume page templates add additional functionality. Overall, this template offers developers the ability to create a polished and professional online presence.