top of page

experiment with React and Spline 3D to build a simple landing page

One of my so-called beneficial hobbies is learning. The reason for this is that when i was younger, I didn't have the resources and money to access much education, except for attending school to learn the basics.

Now, as big, medium tech companies and even startups like Spline 3D are in the process of making education accessible more than ever, I'm like a child with great curiosity again.

This is my experiment with Spline and React. Without any prior knowledge of React and a handful of experience with Spline, well, I mostly followed whatever the instructor in the Youtube tutorial told me to code 😂. Some React syntaxes resemble that of CSS and HTML, which are more familiar to me; the rest... never mind.

For the Spline part, I've heard someone say that Spline 3D is like Figma of UI Design. Even though Spline still has its own limits and bugs, the unique point about this web/app 3d program is that the UX/UI design is so intuitive to use which can inspire users to just pick up the tool and learn along the way. I have more than enough experience with other 3D programs like Autodesk or Maya from my university time, and to be honest, I'm still terrified to talk about learning and using those programs 🤕. 

The link to the live website, thanks to Codesandbox.

testing site screenshot.png

architecture work & hand-rendered drawing

These are some of my work from architecture school. Though i no longer work in housing construction, I have learned a great deal of how to do teamwork and handle excessive stress, exhaustion & a broken work-life balance (*laugh in pain*).

However, from this 5 years, I learned how to work well with 3D rendering programs, namely 3DMax, Lumion, Rhino & Revit. From using Rhino, I started learning how to code & created some cool patterns for my architecture projects. I keep my continuous code learning path until now and it leads me to CSS3, HTML5 & JavaScript.

Drawing3.jpg
Drawing1.jpg
drawing4.jpg
drawing5.jpg
Drawing7.jpg
Drawing8.jpg

Hand-rendered sketch might have been out of date with the technology advancement, but I always take it as the simplest way to persuade other people about my ideas and how I visualise them.

With my water-colored and pencil sketching skill, I believe that pitching ideas to stakeholders would be quite exciting and full of visual for me.

Drawing2.jpg
8.jpg
14.jpg
Tờ 2 new copy.JPG
tờ 1.jpg
Tờ 5 copy.JPG
Tờ 5 copy.JPG
IMG_2564_edited.png
IMG_2566 2.JPG
Tờ 2 new copy.JPG
IMG_2570.JPG
bottom of page