Personal Website React
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!