React Portfolio
šø Tobie Rathbun's Portfolio Website
Welcome to my React + Vite + Tailwind CSS + Three.js portfolio website! This is a showcase of my professional journey, skills, and projects in a single well designed page.
š¼ļø Live Preview
š Visit the Live Site
š Features
- Responsive Design: Device scalability through Tailwind
- 3D Interactivity: Animations and controls through Three.js
- Dynamic Routing: Page navaigation through React Router
š ļø Built With
| Technology | Description |
|---|---|
| React | Frontend library for building UI components. |
| Vite | Next-gen tooling for fast development. |
| Tailwind CSS | Utility-first CSS for responsive styling. |
| Three.js | 3D animations and rendering. |
| React Router | Dynamic routing for seamless navigation. |
| Node.js | Backend for server-side logic. |
š„ Sections Overview
š Hero Section
Showcases a custom 3D sci fi computer model that can be moved around, with a header and graphic created with React on top of a background modified in Photoshop to fit the custom color theme
š About
Showcasing my specialized skills through 3D interactive cards that animate as you move the mouse across them
š ļø Experience
Animated cards of my work history ease out to the sides as the user scrolls through this section, and the logo icons represent either the business or the primary tool used
š” Technologies
A gallery of tools and technologies I excel at presented as logos on 3D icosahedrons
- Frontend: React, TypeScript, Tailwind CSS.
- Backend: Node.js, MongoDB, Docker.
- 3D Design: Three.js, Babylon.js.
- Version Control: Git and GitHub.
š§© Projects
Animated cards that display projects I have created and links to the source code for each respective project on GitHub
š Contact
Contact form that sends an email using EmailJS
