JSON Portfolio

JSON Portfolio is a personal portfolio template designed with a JSON theme, where page contents are dislayed in JSON objects with Monokai syntax highlighting and a dark theme inspired by VSCode's Material Theme Darker.

Page contents are retrieved from JSON files under src/db/, so it is completely template-able as long as the JSON files are formatted correctly. Sample placeholder portfolio info will be there for a simple guide on what info to populate the JSON files with.

Check out a live version here!

Getting started

1. git clone https://github.com/HuIsJason/json-portfolio.git
2. cd json-portfolio
3. populate the JSON files under src/db/ accordingly
4. add resume file named Resume.pdf under public/
5. replace sample profile picture under src/assets/ with a new one named ProfilePic.jpg
6. yarn install && yarn start

Technologies

JSON Portfolio was built with React, TypeScript, Material-UI, and React Router. Deployed using Netlify.

Future features

• implement responsiveness
• complete Home page where basic info about the owner is displayed along with a profile picture
• add Google Analytics
• separating branches, where master will have the sample placeholder JSON info, and a personal branch with my (Jason Hu's) info

Screenshots