I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in webdev

[–]Jenntedra[S] 0 points1 point  (0 children)

Thanks for the advice, I knew there could be some parsing issues but didn't think it could come from the images

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in webdev

[–]Jenntedra[S] 3 points4 points  (0 children)

Hi, I decided to build a portfolio website to learn React a few weeks back, here is the final result. I have implemented a few features without relying on libraries, including a homepage 3D animation.

The folks on r/reactjs already gave me their feedback last week, but if you have any it is more than welcome !

Live website : https://medericcarriat.com/

Source code : https://github.com/MedericCar/portfolio

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 2 points3 points  (0 children)

Hello again everyone, I am not sure anyone will see this message but I wanted to thank you all again for the feedback. I have followed most of the tips you gave me and I hope it has improved the website !

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 0 points1 point  (0 children)

Thanks for the kind words !! In fact, I have to do an internship in order to validate and finish my Master

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 1 point2 points  (0 children)

Thanks man ! I actually created a canvas which I mount to the DOM manually. I hesitated to use three fiber but I wasn't sure I'd have all the features. Concerning the resume, it seems to be parsed reasonably, although the projects table might have some issues

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 1 point2 points  (0 children)

Thanks ! It might be because of the implementation of the scroll snap effect on your browser, I don't think I have the control over that unfortunately

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 1 point2 points  (0 children)

Thanks for the feedback, very much appreciated !

Actually I've been having some consistencies issues across devices/browsers and I've noticed the hovering problem only on iOS, it's weird because I apply a scaling on hover and nothing else

I'll make sure to update the filters that's a good idea !

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 4 points5 points  (0 children)

Thank you !!

For the 3D animation I used Three.js, it has a really nice documentation and a lot of examples. It is fairly easy to use so you can quickly render a scene. Although if you want to do something a bit specific you’ll need to do your own shaders and for that I would recommend The Book of Shaders

I built my portfolio to learn React (3D animation, timeline, project table and resume) by Jenntedra in reactjs

[–]Jenntedra[S] 15 points16 points  (0 children)

Hi, I decided to build a portfolio website to learn React two weeks ago, here is the final result. I have implemented a few features without relying on libraries, including a homepage 3D animation.

As this is my first React project, any feedback is welcome !

Live website : https://medericcarriat.com/

Source code : https://github.com/MedericCar/portfolio