A Journey with React, Tailwind CSS, and 3D Magic 🎨✨

Hey Geeks! 👋

I’m thrilled to share my frontend portfolio with the world. It’s been a labor of love and a testament to the incredible tools and technologies we have at our disposal today. Here’s a breakdown of what I’ve used:

Tech Stack 🚀
React JS wit…


This content originally appeared on DEV Community and was authored by Randolph Mayson D. Dy

Hey Geeks! 👋

I’m thrilled to share my frontend portfolio with the world. It’s been a labor of love and a testament to the incredible tools and technologies we have at our disposal today. Here’s a breakdown of what I’ve used:

Tech Stack 🚀
React JS with Vite: Leveraging Vite's fast build times and hot module replacement has made development a breeze.
Tailwind CSS: For slick, customizable styling. I’ve implemented both light and dark mode to cater to different user preferences. 🌗
Spline: This 3D tool has been a game-changer for creating awesome visuals that really make the portfolio stand out. 🛠️
Lottiefiles: To add some animated behaviors that bring a dynamic feel to the site. 🎥
CSS & Framer Motion: Combined these for smooth animation behaviors and interactive elements. 🎨

Inspiration and Future Plans 🌟
I’ve drawn inspiration from numerous portfolios across the web and developed my own unique version. The frontend community’s creativity and innovation have been a huge influence.

What’s Next?
In the coming months, I plan to update my site to feature more 3D elements, which I’ve noticed is a rising trend. Stay tuned for some exciting updates! 🔜

Feedback Welcome! 💬
Let me hear your thoughts and suggestions.


This content originally appeared on DEV Community and was authored by Randolph Mayson D. Dy


Print Share Comment Cite Upload Translate Updates
APA

Randolph Mayson D. Dy | Sciencx (2024-07-15T14:38:40+00:00) A Journey with React, Tailwind CSS, and 3D Magic 🎨✨. Retrieved from https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/

MLA
" » A Journey with React, Tailwind CSS, and 3D Magic 🎨✨." Randolph Mayson D. Dy | Sciencx - Monday July 15, 2024, https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/
HARVARD
Randolph Mayson D. Dy | Sciencx Monday July 15, 2024 » A Journey with React, Tailwind CSS, and 3D Magic 🎨✨., viewed ,<https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/>
VANCOUVER
Randolph Mayson D. Dy | Sciencx - » A Journey with React, Tailwind CSS, and 3D Magic 🎨✨. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/
CHICAGO
" » A Journey with React, Tailwind CSS, and 3D Magic 🎨✨." Randolph Mayson D. Dy | Sciencx - Accessed . https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/
IEEE
" » A Journey with React, Tailwind CSS, and 3D Magic 🎨✨." Randolph Mayson D. Dy | Sciencx [Online]. Available: https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/. [Accessed: ]
rf:citation
» A Journey with React, Tailwind CSS, and 3D Magic 🎨✨ | Randolph Mayson D. Dy | Sciencx | https://www.scien.cx/2024/07/15/a-journey-with-react-tailwind-css-and-3d-magic-%f0%9f%8e%a8%e2%9c%a8/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.