Welcome to my 3D Personal Portfolio! This project showcases my web development skills in a visually stunning and interactive 3D environment. The portfolio is designed to highlight my work, skills, and experience in an engaging and modern way.

🔧 Tech Stack

• Vue.js - For building a reactive and smooth user interface
• Three.js - To create interactive 3D animations and visual effects
• Bootstrap - For responsive and sleek design components
• Tailwind CSS - For additional styling flexibility and utility-first classes

📱 Live Demo

Check out the live version of the portfolio on raksa.netlify.app

🎨 Features

• Interactive 3D Design: Enjoy an immersive experience with 3D animations powered by Three.js.
• Responsive Layout: Built with Bootstrap and Tailwind, making it look great on any device.
• Showcase of Projects and Skills: Explore my work through various sections designed to highlight key projects and achievements.
• Sleek, Modern UI: A visually appealing, modern design with smooth animations and transitions.

🚀 How It Works

This portfolio uses Vue.js to manage dynamic content and create an interactive experience. Three.js powers the 3D visuals, making the website come to life with smooth animations and transitions. The combination of Bootstrap and Tailwind CSS ensures the portfolio is responsive and adaptable to different screen sizes, from desktop to mobile.

📂 Project Structure

Here's a quick overview of the main components:

• /src: Contains all the Vue components, including the 3D scene created with Three.js.
• /assets: Includes all images, textures, and 3D models used in the portfolio.
• /public: Contains the index.html file and other static resources.

🛠 Installation

To run this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/RaksaOC/Portfolio.git

2. Install dependencies:

3. Run the development server:

4. Open your browser and go to http://localhost:8080 to view the project.

💡 What I've Learned

• Advanced usage of Vue.js to create a dynamic and interactive user interface.
• Integrating Three.js to bring 3D models and animations to a web environment.
• Working with Bootstrap and Tailwind CSS to create a responsive and modern design.
• Enhanced skills in JavaScript for managing state and events in a real-time web application.

📑 License

This project is licensed under the MIT License - see the LICENSE file for details.

Feel free to add any additional information you think is important! The goal is to make it informative and engaging.