Within my portfolio I am utilizing the power of React and TypeScript to showcase professional skills and projects. It features a dynamic 3D environment using @react-three/fiber, interactive components, and an AI chatbot powered by OpenAI. Dive into a world where my professional accomplishments are not just listed, but experienced.
- Interactive 3D Models using
@react-three/dreiand@react-three/fiber - AI Chatbot integration with OpenAI for dynamic user interactions
- Responsive and modern UI with React and TypeScript
- Elegant styling with SASS and FontAwesome Icons
- Node.js (v18.x.x)
- npm (v8.x.x)
- Clone the repo:
git clone/git pull- Install NPM packages:
npm install- To start the development server:
npm run dev- To build for production:
npm run build- To run lint checks:
npm run lintThis project includes Docker configuration for easy deployment.
- Build the Docker image: docker build -t portfolio .
- Run the Docker container: docker run -p 5000:5000 portfolio
- React.js
- TypeScript
- Vite
- @react-three/fiber and @react-three/drei for 3D models
- Sass for styling
- FontAwesome for icons
- Axios for API requests
- OpenAI SDK
- Node.js and npm
- Docker for containerization
Distributed under the MIT License. See LICENSE for more information.
- Francisco Barrios - https://www.linkedin.com/in/developerbarrios/
- Project Link: https://github.com/shighetari/webportfolio