Open main menu
JavascriptDevs
Beta
DevelopersWebsites
GitHub
DevelopersWebsites
GitHub
© 2024 JavascriptDevs - All rights reserved.
  1. Websites
  2. Personal Website React

Personal Website React

👨‍💻 A clean, responsive, single-page webapp template for developers.
User avatar
Website details:
Created by:
JoHoop
Created At:
November 28, 2024
Categories:
portfolio
Stars:
319
Forks:
71
Website thumbnail

Personal Website React

Screenshot

Website jolienhoop.com GitHub license GitHub contributors Maintenance PRs Welcome

A clean, responsive, single-page webapp template for developers. View demo at jolienhoop.com

  • built using React
  • bootstrapped with Create React App
  • styled with Material-UI
  • deployed with Vercel and hosted at jolienhoop.com

Kudos to Cody Bennett, José Coelho and Brittany Chiang for the inspiration.

Features

  • All of the personal information is populated from the resume.json file following the JSON Resume standard, a community driven open source initiative to create a JSON based standard for resumes. Discover the official schema here.
  • The toggle/switch for the dark mode syncs its state to the local storage.

Coming soon

  • Two beautiful resume page templates generated based on the data in the resume.json file -- a modern approach of the traditional printed CV.
  • Rich Google search results using structured data with json-ld.org/.

Customization

Feel free to fork this project and customize it with your own information and style.

Refer to the Material UI docs for guidance on how to quickly customize the themes, components and colors to suit your tastes.

If you improve the app in any way a pull request would be very much appreciated ✌️

Available Scripts

In the project directory, you can run:

npm install

to install the dependencies.

npm start

to run the app in the development mode at http://localhost:3000

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!