Odilson Italis - Portfolio

A modern, high-performance 3D portfolio website built with React 19, Three.js, and GSAP. This project showcases my work, skills, and experience as a Frontend and Full Stack Developer.

(Note: Replace with an actual preview image if available)

🚀 Features

• 3D Interactive Elements: Implemented using React Three Fiber and Drei for a truly immersive experience.
• Smooth Animations: Powered by GSAP for high-performance transitions and scroll-triggered effects.
• Responsive Design: Built with Tailwind CSS 4 to ensure a seamless experience across all devices.
• Dynamic Project Showcase: Interactive section highlighting key projects with GitHub and Live demo links.
• Experience Timeline: A detailed look at my professional journey and contributions.
• Tech Stack Visualization: Interactive 3D models representing my core technical skills.
• Contact Form: Fully functional contact section integrated with EmailJS.
• Testimonials: Social proof from clients and collaborators.

🛠️ Tech Stack

• Frontend: React 19, TypeScript
• Styling: Tailwind CSS 4
• 3D Graphics: Three.js, @react-three/fiber, @react-three/drei
• Animations: GSAP
• Icons: Lucide React
• Build Tool: Vite
• Other Tools: EmailJS, Sonner

📂 Project Structure

src/
├── components/     # Reusable UI components (NavBar, AnimatedCounter, etc.)
├── constants/      # Static data and configuration (projects, skills, etc.)
├── sections/       # Main page sections (Hero, About, Experience, Showcase, etc.)
├── assets/         # Images, 3D models, and other static assets
├── App.tsx         # Main application entry point
└── main.tsx        # React DOM rendering

⚙️ Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm, yarn, or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/odilson-dev/odilson-italis.git

2. Navigate to the project directory:

   cd odilson-italis

3. Install dependencies:

   npm install

Development

Run the development server:

npm run dev

Build

Create a production-ready build:

npm run build

📧 Contact

Feel free to reach out if you'd like to collaborate or just say hi!

• GitHub: @odilson-dev
• LinkedIn: odilson-dev
• Twitter: @odilsonDev

---

Built with ❤️ by Odilson Italis