https://github.com/rainernsa/rainer-nsa
My Web Portfolio
https://github.com/rainernsa/rainer-nsa
3d-models react threejs vitejs
Last synced: 2 months ago
JSON representation
My Web Portfolio
- Host: GitHub
- URL: https://github.com/rainernsa/rainer-nsa
- Owner: RainerNsa
- Created: 2024-05-08T07:56:06.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-31T13:25:18.000Z (over 1 year ago)
- Last Synced: 2025-02-26T10:41:34.403Z (over 1 year ago)
- Topics: 3d-models, react, threejs, vitejs
- Language: JavaScript
- Homepage: https://rainer.vercel.app/
- Size: 19.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rainer Portfolio
A modern, interactive portfolio website featuring 3D visuals and animations. Built with React and Three.js to showcase professional experience, projects, and technical expertise.
## Tech Stack
- **React 18** - UI framework
- **Vite** - Build tool and dev server
- **Three.js** - 3D graphics and animations
- **Framer Motion** - UI animations
- **Tailwind CSS** - Styling
- **EmailJS** - Contact form integration
## Features
- 3D interactive hero section with animated computer model
- Professional experience timeline
- Project showcase with live demos
- Technology stack visualization
- Client testimonials
- Contact form with EmailJS integration
- Responsive design
- Smooth scroll navigation
## Installation
```bash
npm install
```
## Development
```bash
npm run dev
```
## Build
```bash
npm run build
```
## Preview Production Build
```bash
npm run preview
```
## Project Structure
```
src/
├── components/ # React components (Hero, About, Experience, Works, etc.)
├── canvas/ # Three.js 3D components
├── constants/ # Data and configuration
├── assets/ # Images, icons, 3D models
├── utils/ # Utility functions and animations
└── styles.js # Global styles configuration
```