- 🎨 Modern and minimalist design
- 🌓 Dark/Light mode support
- 📱 Fully responsive layout
- 🚀 Optimized performance
- 🎭 Smooth animations with Framer Motion
- 🌍 Interactive 3D globe visualization
- 🎯 SEO optimized
- 🔍 Clean and maintainable code
- Framework: Next.js 14
- Language: TypeScript
- Styling: Tailwind CSS
- Animation: Framer Motion
- 3D: Three.js, React Three Fiber
- ESLint
- Prettier
- TypeScript
- PostCSS
- Node.js 18.x or later
- npm or yarn
- Clone the repository
git clone https://github.com/ThiagoC0STA/portfolio.git
- Install dependencies
npm install
# or
yarn install
- Run the development server
npm run dev
# or
yarn dev
- Open http://localhost:3000 in your browser
portfolio/
├── app/ # Next.js app directory
├── components/ # React components
│ ├── ui/ # UI components
│ └── ... # Other components
├── public/ # Static assets
├── styles/ # Global styles
├── config/ # Configuration files
└── ... # Other directories
- Hero Section: Dynamic 3D spotlight effects
- Projects Grid: Interactive project showcase
- Experience Timeline: Professional journey
- Skills Globe: Interactive 3D globe visualization
- Contact Form: Modern contact interface
npm run dev
- Start development servernpm run build
- Build for productionnpm run start
- Start production servernpm run lint
- Run ESLint
This project is licensed under the MIT License - see the LICENSE file for details.
- GitHub: @ThiagoC0STA
- Email: rodclikedev@gmail.com
Built with ❤️ by Thiago Costa