Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tobie-rathbun/react-portfolio
This is my portfolio page with information about myself as a developer
https://github.com/tobie-rathbun/react-portfolio
portfolio react resume tailwind threejs vite
Last synced: 3 days ago
JSON representation
This is my portfolio page with information about myself as a developer
- Host: GitHub
- URL: https://github.com/tobie-rathbun/react-portfolio
- Owner: Tobie-Rathbun
- Created: 2025-01-07T16:30:39.000Z (8 days ago)
- Default Branch: main
- Last Pushed: 2025-01-10T16:58:29.000Z (5 days ago)
- Last Synced: 2025-01-10T17:42:40.619Z (5 days ago)
- Topics: portfolio, react, resume, tailwind, threejs, vite
- Language: JavaScript
- Homepage: https://portfolio.tobie-developer.com
- Size: 25 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐸 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](https://portfolio.tobie-developer.com)
---
## 🌟 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