Portfolio Website – Built with Next.js, Tailwind CSS & Three.js

🚀 Live Demo: AlecBytes.com

⭐ Please Star This Project ⭐

If you find this project useful, consider starring ⭐ the repo! Your support helps others discover it and motivates further development. Thank you! 🙏

📌 Portfolio Website Features

🌍 Pages & Sections

• Home → Animated navigation buttons
• Resume → Education, work experience, and skills
• About → Skill icons, GitHub statistics
• Projects → Links to project demos
• Contact → Send me an email
• Chatbot → Ask questions about me (GPT-4o RAG)

🔗 External Links

• 📄 Resume PDF
• 🔗 GitHub Profile
• 🔗 LinkedIn Profile
• 🔗 Twitter (X) Profile

🎨 Resources Used in This Project

🤖 AI-Generated Images

• Created with the help of Playground AI

🤖 AI-Generated 3D Model

Used meshy.ai to generate a 3D model and texture based on a picture from my graduation ceremony.

🎓 "UF Grad Wizard"

📦 3D Models Used

• "Magic Book"
• "Wizard Hat"
• "Wizard Staff"

🏗 Development Resources

🛠 Tech Stack

• Frontend: Next.js, Tailwind CSS, Three.js
• 3D Rendering: Three.js, Gltf JSX
• Animations: Framer Motion
• Forms & Emails: React Hook Form, Email.js
• Notifications: Sonner
• Icons & Fonts: Lucide Icons, Google Fonts

📊 GitHub Stats & Details

• 📈 GitHub ReadMe Stats
• 🎯 GitHub ReadMe Streak Stats
• 🛠 Skill Icons

🎵 Audio

• Music by Shiden Beats Music from Pixabay

📷 Images of the Portfolio Website

Home

Projects

Contact

About

Resume

🚀 Project Setup

This project is built with Next.js and bootstrapped using create-next-app.

🙌 Credits

Inspired by a freeCodeCamp.org tutorial.