🔧 I Made a Website That Shows Who I Am – Here’s How 👨🏻💻
Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to
Hello! I would like to share the final version of my personal website with you. I have built this project as a personal challenge and I really liked the result, I have put my identity in this website, I wanted to create something which shows who I am. Because of that I used references to things I like, for example animes, videogames and of course #PHP.
In this project I was pushing my creativity to another level and I have faced a lot of challenges. I was sharing with my friends and collecting feedback from people around me. I have been refining the website and now I am happy with the result and excited to share and hear the feedback from you.
I have used a bunch of technologies to create this website and here I will breakdown for you:
Frontend:
- ReactJS
- 3D Model using the Avaturn AI to create a character with my characteristics
- Three JS and React Three Fiber to render the mesh and work with Canva
- Mixamo to add action to the 3D Model and React Three Drei to control the actions
- Particle JS to add interactive background
- GSAP to add smooth animations to components and page transition
- Tailwind CSS to add styles with Material Tailwind CSS
- React Spoiled to apply shade effect to words
- Rotating Logic to control 3D and bind it with React state
- CSS animations show elements
Backend:
- Vercel to make the deploy
- EmailJS to send emails
- Firebase integration to count website visitors
- API made in Go which connects with dev.to API and GitHub API to get the data for the projects and articles pages
- Web LLM embed (AI Lab it is under construction)
I hope you enjoy or maybe give you some insights in how to code your personal website.
https://www.razielrodrigues.dev/
...