Data

Tools

Indexes

Applications

Experiments

Open Source Science

personal-website

Personal Portfolio Website for Nathanael Gaulke

https://github.com/nategaulke/personal-website

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ✓
    .zenodo.json file
    Found .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (6.2%) to scientific vocabulary
Last synced: 6 months ago · JSON representation ·

Repository

Personal Portfolio Website for Nathanael Gaulke

Basic Info
  • Host: GitHub
  • Owner: nategaulke
  • License: mit
  • Language: TypeScript
  • Default Branch: main
  • Homepage: https://nategaulke.com/
  • Size: 15.6 MB
Statistics
  • Stars: 1
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created almost 3 years ago · Last pushed 10 months ago
Metadata Files
Readme License Citation

README.md

My Personal Website

This is the code of my personal website. My website includes a short introduction as well as some experiences and projects I wish to highlight. While the code portion is completed for this project, I will hopefully add more experiences and projects! :)

Installation

Clone the project

git clone https://github.com/nategaulke/personal-website.git

Go to the project directory

cd personal-website

Install dependencies

npm install

Start the server

npm run dev

Acknowledgements

  • Special thanks to Justin @Resilliance who made the original mockup for the website after I guided him on how I wanted it to look
  • Big thanks to Rob, @rob-3 who was my companion while working on the website, gave suggestions on the UI, offered coding advice, and helped set up the site on Cloudflare.
  • Other Sources used are included in citations.md including logos and images

Note: While the code is free to use, the information in experience.json and projects.json is specific to the individual who wrote the code. Using this information or pretending to be Nathanael Gaulke will be identity theft and treated as such.

Owner

  • Name: Nathanael Gaulke
  • Login: nategaulke
  • Kind: user
  • Location: Orlando, FL

Citation (citations.md) 

## Sources Used:
No particular order
- https://stackoverflow.com/questions/41293014/new-date-getfullyear-in-react
- https://www.w3schools.com/charsets/ref_utf_arrows.asp
- https://stackoverflow.com/questions/68725366/in-tailwind-how-to-set-height-of-a-div-to-80-of-the-screen
- https://bosctechlabs.com/scroll-to-an-element-in-react/
- https://www.stevefenton.co.uk/blog/2023/03/using-ngrok-to-test-localhost-on-phone/
- https://stackoverflow.com/questions/71860064/best-way-to-choose-a-component-to-be-shown-to-the-user-based-on-screen-size-rea
- https://stackoverflow.com/questions/69473259/how-to-show-or-hide-navbar-when-scroll-use-react-js
- https://stackoverflow.com/questions/63883580/tailwind-css-how-to-style-a-href-links-in-react
- https://plainenglish.io/blog/react-open-link-in-new-tab
- https://www.thegeekdiary.com/cwebp-compress-an-image-file-to-a-webp-file/
- https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
- [ViteJs Docs](https://vitejs.dev/guide/)
- [Tailwind CSS Docs](https://tailwindcss.com/docs/)
- [Headless UI Documentation](https://headlessui.com/react/)

## Logos:
- [Schwab Logo](https://commons.wikimedia.org/wiki/File:Charles_Schwab_Corporation_logo.svg)
- [UCF Logo](https://pbs.twimg.com/profile_images/1512434007601922051/xUY6RMuJ_400x400.png)
- [Knight Hacks Logo](https://ugc.production.linktr.ee/e035bf2d-713b-4f4f-a411-17f373a6833b_Add-a-heading--3-.png?io=true&size=avatar-v1_0)

## Images:
- Image of University of Central Florida Reflection Pond taken by me
- Image of myself in Vermont taken by my Dad
- Tab Icon made using [Favicon.io](https://favicon.io/favicon-generator/)

GitHub Events

Total
  • Delete event: 2
  • Issue comment event: 4
  • Push event: 1
  • Pull request review event: 1
  • Pull request event: 5
  • Create event: 3
Last Year
  • Delete event: 2
  • Issue comment event: 4
  • Push event: 1
  • Pull request review event: 1
  • Pull request event: 5
  • Create event: 3

Dependencies

.github/workflows/node.js.yml actions
  • actions/checkout v3 composite
  • actions/setup-node v3 composite
package-lock.json npm
  • 528 dependencies
package.json npm
  • @types/react ^18.0.28 development
  • @types/react-dom ^18.0.11 development
  • @typescript-eslint/eslint-plugin ^5.57.1 development
  • @typescript-eslint/parser ^5.57.1 development
  • @vitejs/plugin-react ^4.0.0-beta.0 development
  • autoprefixer ^10.4.14 development
  • eslint ^8.38.0 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.3.4 development
  • postcss ^8.4.31 development
  • prettier ^2.8.7 development
  • prettier-plugin-tailwindcss ^0.2.7 development
  • tailwindcss ^3.3.1 development
  • typescript ^5.0.2 development
  • vite ^4.4.12 development
  • @headlessui/react ^1.7.16
  • npm ^10.0.0
  • react ^18.2.0
  • react-device-detect ^2.2.3
  • react-dom ^18.2.0
  • react-icons ^4.11.0
  • react-type-animation ^3.0.1