https://ryanparker.io

Software engineering portfolio of Ryan J. Parker
Contact me directly: ryan.jos.parker@gmail.com

Built with React, React Three Fiber, and vanilla CSS. Uses Email.js to handle form submission.
/projects3D is accomplished with a GLTF model of a CRT TV, and an <iframe> positioned in front of the screen to renders live versions of each project, which are cycled by clicking on the TV dials.

Routes

/

/projects

/projects3d

/contact

/resume

Notes

The clouds and stars effect is accomplished by adding a `Three.js` canvas to the scene, importing `Stars` and `Cloud` from `@react-three/drei`, adding a low-intensity ambient light source, then using `CSS` to set the z-index to -1, positioning it behind the rest of the content.

Name		Name	Last commit message	Last commit date
Latest commit History 91 Commits
.github/workflows		.github/workflows
functions		functions
public		public
src		src
.env.development.local.example		.env.development.local.example
.eslintrc		.eslintrc
.gitignore		.gitignore
.hintrc		.hintrc
.prettierrc		.prettierrc
README.md		README.md
build.zip		build.zip
netlify.toml		netlify.toml
package-lock.json		package-lock.json
package.json		package.json

ryan-j-parker/portfolio-sandbox

Folders and files

Latest commit

History

Repository files navigation

Routes

/

/projects

/projects3d

/contact

/resume

Notes

The clouds and stars effect is accomplished by adding a Three.js canvas to the scene, importing Stars and Cloud from @react-three/drei, adding a low-intensity ambient light source, then using CSS to set the z-index to -1, positioning it behind the rest of the content.

About

Topics

Resources

Stars

Watchers

Forks

Languages

The clouds and stars effect is accomplished by adding a `Three.js` canvas to the scene, importing `Stars` and `Cloud` from `@react-three/drei`, adding a low-intensity ambient light source, then using `CSS` to set the z-index to -1, positioning it behind the rest of the content.