Skip to content

FirdavsToshniyozov/Firdavs-Toshniyozov-s-Portfolio

Repository files navigation

🌟 Firdavs Toshniyozov's 3D Portfolio

📌 About the Project

This is a 3D Developer Portfolio built using modern web technologies. The project showcases skills, projects, and experience in an interactive way, leveraging React.js, Three.js, and Tailwind CSS.

🚀 Live Demo

👉 Live Site

🛠️ Tech Stack

  • React.js – For building the UI
  • Three.js – For rendering 3D models
  • React Three Fiber – React-friendly wrapper for Three.js
  • Vite – Fast and modern development setup
  • Tailwind CSS – Styling framework
  • EmailJS – Contact form integration

🎯 Features

  • 🌐 3D Interactive Hero Section – A stunning introduction
  • 💼 Projects Showcase – Displays selected projects in a 3D environment
  • 📜 Experience Timeline – Engaging animations for career journey
  • 📩 Contact Form – Easily send messages via EmailJS
  • 🎨 Fully Responsive – Works smoothly on all devices

🔧 Installation & Setup

To run this project locally, follow these steps:

1️⃣ Clone the repository

git clone https://github.com/FirdavsToshniyozov/3D-portfolio.git
cd 3D-portfolio

2️⃣ Install dependencies

npm install

3️⃣ Set up environment variables

Create a .env file in the root directory and add the following:

VITE_EMAILJS_USERID=your_emailjs_user_id
VITE_EMAILJS_TEMPLATEID=your_emailjs_template_id
VITE_EMAILJS_RECEIVERID=your_emailjs_receiver_id

Replace the values with your actual EmailJS credentials.

4️⃣ Start the development server

npm run dev

Your project should now be running at http://localhost:5173 🎉

🌍 Deployment

This project is hosted on Vercel. To deploy:

  1. Push your code to GitHub
  2. Connect your repository to Vercel
  3. Deploy with a single click!

📬 Contact

If you have any questions, feel free to reach out: 📧 Email: [email protected]
🔗 Portfolio: your-portfolio-link.com


🔹 Built with passion by Firdavs Toshniyozov 🔹