jcoelho93 / personal-website

My personal website

jcoelho93 Personal website

This is my personal website built using ReactJS and Bulma as the CSS framework. Live here

The personal information on the website is populated from a json file that follows the JSON Resume open source standard.

Use Node v16.15.1

Customizing it

Feel free to fork this project and update it with your own information and style. Just update the ´src/resume.json´ with your personal information.

If you improve the app in any way a PR would be very apreciated ;)

Build

1. Clone the repo:

> git clone https://github.com/jcoelho93/personal-website.git

2. Update the resume.json with your personal information (check JSON Resume)

3. Install dependencies and run build command:

> npm install
> npm run build

You can also test the app with a development server, just run:

> npm start

Contributing

Feel free to fork this project and customize with your personal info. If you implement any nice features or improvements I'd really appreciate if you could open a PR to this project ;)

License

MIT

personal-website's Issues

Certification header misaligned

Certifications header is misaligned.
src\components\sections\Certifications.js
<h1 className="title">Certifications</h1> moved inside <div className="container">

Education section missing?

Great project!

However, it seems an education section should be added, since you have the information in resume.json?

Defer offscreen images

Defer offscreen images to lazyload. Use the lazysizes lib.

Reference:
https://web.dev/codelab-use-lazysizes-to-lazyload-images/

Use WebP format for images

Convert all images to WebP format and set a fallback to the originals.

<img src="image.webp" onerror="this.onerror=null; this.src='image.png'">

References:
https://css-tricks.com/webp-with-fallback/

Multiple work exp with same year as start date will create 2 sections of the same year

in Timeline.js if there are 2 items with same start year then all work ex for that year will be repeated

Add a canonical URL

Add a canonical URL property to the document

Reference:
https://web.dev/canonical/?utm_source=lighthouse&utm_medium=lr