/personal-website-react

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

Primary LanguageJavaScriptMIT LicenseMIT

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

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!