Elijah Richter Portfolio

Personal one-page portfolio website with a modern hero, project highlights, interactive UI effects, and a no-backend contact flow.

Live Stack

• HTML5 + semantic section structure
• CSS3 (custom properties, transitions, responsive layout)
• Vanilla JavaScript (UI interactions and state)
• React 18 (hero light/background layers)
• Formspree (contact form submissions without a backend)

Current Features

• Single-page navigation with smooth scroll
• Light/Dark theme toggle with persisted preference
• React-powered hero background with layered, animated lights
• Custom in-page scrollbar with drag + fade behavior
• Featured project card with impact line
• Skills and tooling breakdown (including GitHub Copilot)
• Modal contact form with backdrop blur
• Mobile-responsive layout and navigation

Project Structure

Portfolio/
├── index.html
├── styles.css
├── script.js
├── .gitignore
└── README.md

Run Locally

1. Open index.html directly in a browser.
2. Or run a local server:

python -m http.server 8000

Then open http://localhost:8000.

Contact Form Setup (Formspree)

The form action is already configured to Formspree:

• Endpoint: https://formspree.io/f/xwvaqlbk

If you ever switch forms, update the action attribute in index.html.

Publish Checklist

1. Create a new GitHub repository (recommended: public).
2. Push this folder to that repository.
3. Add your live deployment URL once published.
4. Verify contact links and social profiles in index.html.
5. Optionally add screenshots to this README.

GitHub Pages (Quick Deploy)

1. Push this repo to GitHub.
2. Go to Settings -> Pages.
3. Set source to Deploy from a branch.
4. Choose main branch and / (root).
5. Save and wait for the Pages URL.

Suggested Next Improvements

• Add a downloadable resume button
• Add additional project cards and live demo links
• Add simple analytics for portfolio traffic
• Add Open Graph metadata for better social sharing

License

Personal portfolio project by Elijah Richter.