lucasjensen/LucasJensen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial gitea commit

Browse Source
This commit is contained in:
Lucas Jensen
2024-06-26 19:19:20 -07:00
commit e830445d02
47 changed files with 10936 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
.gitea/workflows/client.yaml Normal file
View File

@@ -0,0 +1,25 @@
name: build app
on:
pull_request:
branches: ["main"]
jobs:
build:
runs-on: linux_amd64
strategy:
matrix:
node-version: [21.x]
steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
- name: Build
run: |
npm install

25
.gitea/workflows/server.yaml Normal file
View File

@@ -0,0 +1,25 @@
name: Portfolio Backend CI
on:
pull_request:
branches: ["main"]
jobs:
build:
runs-on: linux_amd64
steps:
- uses: actions/checkout@v3
- name: Set up Python 3.11
uses: actions/setup-python@v3
with:
python-version: "3.11"
- name: Install dependencies
run: |
python -m pip install --upgrade pip
pip install pytest
pip install -r requirements.txt
- name: Lint with black
run: |
black --check .

0
README.md Normal file
View File

4
client/.env.example Normal file
View File

@@ -0,0 +1,4 @@
VITE_API_URL=http://127.0.0.1:8001/
VITE_AUTH0_DOMAIN=YOUR_DOMAIN
VITE_AUTH0_CLIENT_ID=YOUR_CLIENT_ID
VITE_SITE_OWNER_SUB=auth0|YOUR_SITE_OWNER_SUB

18
client/.eslintrc.cjs Normal file
View File

@@ -0,0 +1,18 @@
module.exports = {
root: true,
env: { browser: true, es2020: true },
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended',
'plugin:react-hooks/recommended',
],
ignorePatterns: ['dist', '.eslintrc.cjs'],
parser: '@typescript-eslint/parser',
plugins: ['react-refresh'],
rules: {
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
}

27
client/.gitignore vendored Normal file
View File

@@ -0,0 +1,27 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# environment
.env

3
client/README.md Normal file
View File

@@ -0,0 +1,3 @@
# lucasjensen.me
Currently under active development

17
client/index.html Normal file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
rel="icon"
type="image/png"
href="https://api.lucasjensen.me/static/favicon.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lucas Jensen</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

9163
client/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

43
client/package.json Normal file
View File

@@ -0,0 +1,43 @@
{
"name": "portfolio-front",
"private": true,
"version": "0.0.7",
"type": "module",
"scripts": {
"dev": "vite --port 3000",
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"@auth0/auth0-react": "^2.2.4",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-brands-svg-icons": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"bootstrap": "^5.3.2",
"react": "^18.2.0",
"react-bootstrap": "^2.9.2",
"react-dom": "^18.2.0",
"vite-plugin-package-version": "^1.1.0"
},
"devDependencies": {
"@testing-library/jest-dom": "^6.2.0",
"@testing-library/react": "^14.1.2",
"@types/jest": "^29.5.11",
"@types/react": "^18.2.43",
"@types/react-dom": "^18.2.17",
"@typescript-eslint/eslint-plugin": "^6.14.0",
"@typescript-eslint/parser": "^6.14.0",
"@vitejs/plugin-react": "^4.2.1",
"eslint": "^8.55.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"jest": "^29.7.0",
"react-test-renderer": "^18.2.0",
"ts-jest": "^29.1.1",
"typescript": "^5.2.2",
"vite": "^5.0.8",
"vitest": "^1.2.0"
}
}

85
client/src/App.tsx Normal file
View File

@@ -0,0 +1,85 @@
import { useEffect, useState } from "react";
import Container from "react-bootstrap/Container";
import BioRow from "./Bio";
import { Col, Row } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import Header from "./Header";
import Projects from "./Projects/Projects";
import ErrModal from "./ErrModal";
import { ErrModalProps } from "./ErrModal";
import { fetchFromApi, API_URL } from "./api";
import Profile from "./Profile";
import Footer from "./Footer";
interface About {
name: string;
email: string;
bio: string;
github: string;
}
interface APIversion {
version: string;
}
function App() {
const [aboutData, setAboutData] = useState<About>();
const [apiVersion, setApiVersion] = useState<APIversion>();
const [error, setError] = useState<ErrModalProps>();
useEffect(() => {
fetchFromApi("/about")
.then((data) => {
setAboutData(data);
})
.catch((error) => {
console.error(error);
});
}, []);
useEffect(() => {
fetchFromApi("/")
.then((data) => {
setApiVersion(data);
})
.catch((error) => {
console.error(error);
setError(error);
});
}, []);
if (error) {
return (
<>
<ErrModal message={error.message} url={API_URL} />
</>
);
}
return (
<>
<Header
name={aboutData?.name || ""}
title="Software Engineer"
email={aboutData?.email || ""}
github={aboutData?.github || ""}
/>
<Profile />
<Container>
<Row>
<Col md={{ span: 8, offset: 2 }}>
<BioRow bio={aboutData?.bio || ""} />
</Col>
</Row>
<Row>
<Col md={{ span: 8, offset: 2 }}>
<Projects />
</Col>
</Row>
</Container>
<Footer apiVersion={apiVersion?.version || ""} />
</>
);
}
export default App;

46
client/src/Bio.tsx Normal file
View File

@@ -0,0 +1,46 @@
import { Row, Col } from "react-bootstrap";
import { faDownload } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Nav } from "react-bootstrap";
import { useAuth0 } from "@auth0/auth0-react";
import ResumeUpload from "./ResumeUpload";
import { API_URL } from "./api";
interface BioProps {
bio: string;
}
const resumeUrl = `${API_URL}/static/resume.pdf`;
const download = <FontAwesomeIcon icon={faDownload} />;
const siteOwnerSub = import.meta.env.VITE_SITE_OWNER_SUB as string;
function BioRow(props: BioProps) {
const { isAuthenticated, user } = useAuth0();
const bioLines = props.bio.split("\n").map((line, index) => {
return (
<p className="bio-p" key={index}>
{line}
</p>
);
});
return (
<Row>
<Col className="">
<p className="h1 text-end mt-4 ">About Me</p>
{bioLines}
<Nav.Link className="text-center" target="_blank" href={resumeUrl}>
Resume {download}
</Nav.Link>
{isAuthenticated && user?.sub === siteOwnerSub && (
<Nav.Link className="text-center resume-replace">
<ResumeUpload />
</Nav.Link>
)}
</Col>
</Row>
);
}
export default BioRow;

34
client/src/ErrModal.tsx Normal file
View File

@@ -0,0 +1,34 @@
import Modal from "react-bootstrap/Modal";
export interface ErrModalProps {
message: string;
url?: string;
}
function ErrModal(props: ErrModalProps) {
return (
<div
className="modal show"
style={{ display: "block", position: "initial" }}
>
<Modal.Dialog>
<div className="error-modal">
<Modal.Header>
<Modal.Title>API Error</Modal.Title>
</Modal.Header>
<Modal.Body>
<p>{props.message}</p>
{props.url && (
<p>
<code className="error-url">{props.url}</code>
</p>
)}
</Modal.Body>
</div>
</Modal.Dialog>
</div>
);
}
export default ErrModal;

26
client/src/Footer.tsx Normal file
View File

@@ -0,0 +1,26 @@
import { API_URL } from "./api";
interface FooterProps {
apiVersion: string;
}
function Footer(props: FooterProps) {
return (
<footer className="text-center">
<p>
App version:{" "}
<a id="app-link" href={window.location.href}>
<code id="app-version">{import.meta.env.PACKAGE_VERSION}</code>
</a>
</p>
<p>
API version:{" "}
<a id="api-link" href={API_URL}>
<code id="api-version">{props.apiVersion || ""}</code>
</a>
</p>
</footer>
);
}
export default Footer;

45
client/src/Header.tsx Normal file
View File

@@ -0,0 +1,45 @@
import { faGithub } from "@fortawesome/free-brands-svg-icons";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Container, Navbar } from "react-bootstrap";
import Nav from "react-bootstrap/Nav";
import LoginButton from "./LoginButton";
import LogoutButton from "./LogoutButton";
import { useAuth0 } from "@auth0/auth0-react";
const email = <FontAwesomeIcon icon={faEnvelope} />;
const github = <FontAwesomeIcon icon={faGithub} />;
interface HeaderProps {
name: string;
title: string;
email: string;
github: string;
}
function Header(props: HeaderProps) {
const { isAuthenticated } = useAuth0();
return (
<Navbar bg="dark" data-bs-theme="dark">
<Container>
<Navbar.Brand href="#home">
<p className="h4">{props.name}</p>
<p className="h6">{props.title}</p>
</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse className="justify-content-end">
<Nav>
<Nav.Link href={`mailto:${props.email}`}>{email}</Nav.Link>
<Nav.Link href={props.github} target="_blank">
{github}
</Nav.Link>
{isAuthenticated ? <LogoutButton /> : <LoginButton />}
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
);
}
export default Header;

16
client/src/LoginButton.tsx Normal file
View File

@@ -0,0 +1,16 @@
import { useAuth0 } from "@auth0/auth0-react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faRightToBracket } from "@fortawesome/free-solid-svg-icons";
import { Nav } from "react-bootstrap";
const rightToBracket = <FontAwesomeIcon icon={faRightToBracket} />;
const LoginButton = () => {
const { loginWithRedirect } = useAuth0();
return (
<Nav.Link onClick={() => loginWithRedirect()}>{rightToBracket}</Nav.Link>
);
};
export default LoginButton;

23
client/src/LogoutButton.tsx Normal file
View File

@@ -0,0 +1,23 @@
import { useAuth0 } from "@auth0/auth0-react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faRightFromBracket } from "@fortawesome/free-solid-svg-icons";
import { Nav } from "react-bootstrap";
const rightFromBracket = <FontAwesomeIcon icon={faRightFromBracket} />;
const LogoutButton = () => {
const { logout } = useAuth0();
return (
<Nav.Link
style={{ color: "red" }}
onClick={() =>
logout({ logoutParams: { returnTo: window.location.origin } })
}
>
{rightFromBracket}
</Nav.Link>
);
};
export default LogoutButton;

23
client/src/Profile.tsx Normal file
View File

@@ -0,0 +1,23 @@
import { useAuth0 } from "@auth0/auth0-react";
import { Container } from "react-bootstrap";
const Profile = () => {
const { user, isAuthenticated, isLoading } = useAuth0();
if (isLoading) {
return <div>Loading ...</div>;
}
return (
isAuthenticated && (
<Container className="text-end">
<img src={user?.picture} alt={user?.name} />
<h2>{user?.name}</h2>
<p>{user?.email}</p>
<p>{user?.sub}</p>
</Container>
)
);
};
export default Profile;

47
client/src/Projects/AddProject.tsx Normal file
View File

@@ -0,0 +1,47 @@
import { faPlus } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useState } from "react";
import Button from "react-bootstrap/Button";
import Modal from "react-bootstrap/Modal";
function AddProject() {
const [show, setShow] = useState(false);
const plus = <FontAwesomeIcon icon={faPlus} />;
const handleClose = () => setShow(false);
const handleShow = () => setShow(true);
return (
<>
<Button variant="info" onClick={handleShow}>
Add Project {plus}
</Button>
<Modal
show={show}
onHide={handleClose}
size="lg"
aria-labelledby="contained-modal-title-vcenter"
centered
style={{ color: "black" }}
>
<Modal.Header closeButton>
<Modal.Title>Add Project</Modal.Title>
</Modal.Header>
<Modal.Body>coming soon</Modal.Body>
<Modal.Body>not yet implimented by frontend</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={handleClose}>
Close
</Button>
<Button disabled variant="primary" onClick={handleClose}>
Go!
</Button>
</Modal.Footer>
</Modal>
</>
);
}
export default AddProject;

84
client/src/Projects/Project.tsx Normal file
View File

@@ -0,0 +1,84 @@
import { useAuth0 } from "@auth0/auth0-react";
import Card from "react-bootstrap/Card";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faTrash, faPen } from "@fortawesome/free-solid-svg-icons";
import { API_URL } from "../api";
export interface ProjectProps {
id: number;
name: string;
description: string;
source?: string;
live?: string;
is_self_hosted?: boolean;
onDelete: (id: number) => void;
}
const trash = <FontAwesomeIcon icon={faTrash} />;
const pen = <FontAwesomeIcon icon={faPen} />;
function ProjectCard(props: ProjectProps) {
const { getAccessTokenSilently, isAuthenticated, user } = useAuth0();
const siteOwnerSub = import.meta.env.VITE_SITE_OWNER_SUB as string;
const handleDelete = async () => {
const accessToken = await getAccessTokenSilently({
authorizationParams: { audience: "https://api.lucasjensen.me/" },
});
fetch(`${API_URL}/projects/${props.id}`, {
method: "DELETE",
headers: {
Authorization: `Bearer ${accessToken}`,
},
})
.then((response) => {
if (response.status === 204) {
props.onDelete(props.id);
} else {
throw new Error("Network response was not ok");
}
})
.catch((error) => {
console.error("Error:", error);
});
};
const projectDescription = props.description
.split("\n")
.map((line, index) => {
return <Card.Text key={index}>{line}</Card.Text>;
});
const title = props.is_self_hosted
? `${props.name} (self hosted)`
: props.name;
return (
<Card id={`project-card-${props.id}`} className="bg-dark text-white">
<Card.Body>
<Card.Title>{title}</Card.Title>
{projectDescription}
{props.source && (
<Card.Link href={props.source} target="_blank">
source
</Card.Link>
)}
{props.live && (
<Card.Link href={props.live} target="_blank">
live
</Card.Link>
)}
</Card.Body>
{isAuthenticated && user?.sub === siteOwnerSub && (
<Card.Footer className="text-end">
<Card.Link onClick={handleDelete} className="delete-project">
{trash}
</Card.Link>
<Card.Link className="edit-project">{pen}</Card.Link>
</Card.Footer>
)}
</Card>
);
}
export default ProjectCard;

71
client/src/Projects/Projects.tsx Normal file
View File

@@ -0,0 +1,71 @@
import { Col, Container, Row } from "react-bootstrap";
import ProjectCard from "./Project";
import { ProjectProps } from "./Project";
import { useEffect, useState } from "react";
import { fetchFromApi } from "../api";
import { useAuth0 } from "@auth0/auth0-react";
import AddProject from "./AddProject";
function Projects() {
const [projectsData, setProjectsData] = useState<ProjectProps[]>([]);
const { isAuthenticated, user } = useAuth0();
const siteOwnerSub = import.meta.env.VITE_SITE_OWNER_SUB as string;
useEffect(() => {
fetchFromApi("/projects")
.then((data) => {
setProjectsData(data);
})
.catch((error) => {
console.error(error);
});
}, []);
const handleDeleteProject = (id: number) => {
setProjectsData(projectsData.filter((project) => project.id !== id));
};
const projects = projectsData.map((project) => {
return (
<Row key={project.id} className=" mb-3">
<Col>
<ProjectCard
id={project.id}
name={project.name}
description={project.description}
source={project.source}
live={project.live}
is_self_hosted={project.is_self_hosted}
onDelete={handleDeleteProject}
/>
</Col>
</Row>
);
});
return (
<>
<hr />
<Row>
<Col className="text-center">
<p className="h1 text-end mt-4">Projects</p>
<p className="project-description">
'self hosted' indicates that a given project is hosted on a
Raspberry Pi or with Linode. These projects are served with Nginx
and managed with a combination of GitHub Actions/Webhooks, systemd,
and a custom CI/CD pipeline.
</p>
</Col>
</Row>
{projects}
{isAuthenticated && user?.sub === siteOwnerSub && (
<Container className="text-center mb-4">
<AddProject />
</Container>
)}
</>
);
}
export default Projects;

47
client/src/ResumeUpload.tsx Normal file
View File

@@ -0,0 +1,47 @@
import { faUpload } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useState } from "react";
import Button from "react-bootstrap/Button";
import Modal from "react-bootstrap/Modal";
function ResumeUpload() {
const [show, setShow] = useState(false);
const upload = <FontAwesomeIcon icon={faUpload} />;
const handleClose = () => setShow(false);
const handleShow = () => setShow(true);
return (
<>
<Button variant="warning" onClick={handleShow}>
Replace {upload}
</Button>
<Modal
show={show}
onHide={handleClose}
size="lg"
aria-labelledby="contained-modal-title-vcenter"
centered
style={{ color: "black" }}
>
<Modal.Header closeButton>
<Modal.Title>Upload new resume</Modal.Title>
</Modal.Header>
<Modal.Body>coming soon</Modal.Body>
<Modal.Body>not yet implimented by backend</Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={handleClose}>
Close
</Button>
<Button disabled variant="primary" onClick={handleClose}>
Go!
</Button>
</Modal.Footer>
</Modal>
</>
);
}
export default ResumeUpload;

28
client/src/api.tsx Normal file
View File

@@ -0,0 +1,28 @@
const API_URL_ENV = import.meta.env.VITE_API_URL as string;
export const API_URL = API_URL_ENV.endsWith("/")
? API_URL_ENV.slice(0, -1)
: `${API_URL_ENV}`;
export async function fetchFromApi(
endpoint: string,
method: string = "GET",
body?: unknown
) {
try {
const options: RequestInit = {
method,
headers: { "Content-Type": "application/json" },
};
if (body) {
options.body = JSON.stringify(body);
}
const response = await fetch(`${API_URL}${endpoint}`, options);
if (!response.ok) {
throw new Error(response.statusText);
}
return await response.json();
} catch (error) {
console.error(error);
throw error;
}
}

1
client/src/assets/react.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

77
client/src/index.css Normal file
View File

@@ -0,0 +1,77 @@
body {
background-color: rgb(73, 83, 93);
color: white;
}
.error-modal {
background-color: salmon;
color: black;
border: 2px solid rgb(186, 0, 0);
}
.error-url {
color: rgb(93, 0, 0);
}
.bio-p {
text-align: justify;
text-justify: inter-word;
}
.project-description {
text-align: justify;
text-justify: inter-word;
}
.delete-project {
color: rgb(217, 20, 20);
}
.delete-project:hover {
font-weight: bold;
color: rgb(255, 0, 0);
cursor: pointer;
}
.edit-project {
color: rgb(6, 191, 52);
}
.edit-project:hover {
font-weight: bold;
color: aquamarine;
cursor: pointer;
}
.resume-replace {
color: rgb(6, 191, 52);
}
.resume-replace:hover {
font-weight: bold;
color: aquamarine;
}
#api-version {
color: #1a009d;
}
#api-version:hover {
font-weight: bold;
}
#api-link {
text-decoration: none;
}
#app-version {
color: #1a009d;
}
#app-version:hover {
font-weight: bold;
}
#app-link {
text-decoration: none;
}

22
client/src/main.tsx Normal file
View File

@@ -0,0 +1,22 @@
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";
import { Auth0Provider } from "@auth0/auth0-react";
const domain = import.meta.env.VITE_AUTH0_DOMAIN as string;
const clientId = import.meta.env.VITE_AUTH0_CLIENT_ID;
ReactDOM.createRoot(document.getElementById("root")!).render(
<React.StrictMode>
<Auth0Provider
domain={domain}
clientId={clientId}
authorizationParams={{
redirect_uri: window.location.origin,
}}
>
<App />
</Auth0Provider>
</React.StrictMode>
);

1
client/src/vite-env.d.ts vendored Normal file
View File

@@ -0,0 +1 @@
/// <reference types="vite/client" />

33
client/tsconfig.json Normal file
View File

@@ -0,0 +1,33 @@
{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"module": "ESNext",
"skipLibCheck": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": [
"src"
],
"references": [
{
"path": "./tsconfig.node.json"
}
]
}

12
client/tsconfig.node.json Normal file
View File

@@ -0,0 +1,12 @@
{
"compilerOptions": {
"composite": true,
"skipLibCheck": true,
"module": "ESNext",
"moduleResolution": "bundler",
"allowSyntheticDefaultImports": true
},
"include": [
"vite.config.ts"
]
}

8
client/vite.config.ts Normal file
View File

@@ -0,0 +1,8 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import version from "vite-plugin-package-version";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react(), version()],
});

12
server/.env.example Normal file
View File

@@ -0,0 +1,12 @@
DB_USER=username
DB_PASS=password
DB_NAME=portfolio
DB_HOST=localhost
AUTH0_DOMAIN=domain.auth0.com
AUTH0_API_AUDIENCE=https://audience.auth0.com/api/v2/
AUTH0_ISSUER=https://issuer.auth0.com/
AUTH0_ALGORITHMS=RS256
CLIENT_SECRET=secret
CLIENT_ID=id

176
server/.gitignore vendored Normal file
View File

@@ -0,0 +1,176 @@
# Created by https://www.toptal.com/developers/gitignore/api/python
# Edit at https://www.toptal.com/developers/gitignore?templates=python
### Python ###
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
cover/
# Translations
*.mo
*.pot
# Django stuff:
*.log
local_settings.py
db.sqlite3
db.sqlite3-journal
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
.pybuilder/
target/
# Jupyter Notebook
.ipynb_checkpoints
# IPython
profile_default/
ipython_config.py
# pyenv
# For a library or package, you might want to ignore these files since the code is
# intended to run in multiple environments; otherwise, check them in:
# .python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
#Pipfile.lock
# poetry
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
# This is especially recommended for binary packages to ensure reproducibility, and is more
# commonly ignored for libraries.
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
#poetry.lock
# pdm
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
#pdm.lock
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
# in version control.
# https://pdm.fming.dev/#use-with-ide
.pdm.toml
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
__pypackages__/
# Celery stuff
celerybeat-schedule
celerybeat.pid
# SageMath parsed files
*.sage.py
# Environments
.env
.venv
env/
venv/
ENV/
env.bak/
venv.bak/
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
.dmypy.json
dmypy.json
# Pyre type checker
.pyre/
# pytype static type analyzer
.pytype/
# Cython debug symbols
cython_debug/
# PyCharm
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
# and can be added to the global gitignore or merged into this file. For a more nuclear
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
#.idea/
### Python Patch ###
# Poetry local configuration file - https://python-poetry.org/docs/configuration/#local-configuration
poetry.toml
# ruff
.ruff_cache/
# LSP config files
pyrightconfig.json
# End of https://www.toptal.com/developers/gitignore/api/python

28
server/README.md Normal file
View File

@@ -0,0 +1,28 @@
# Backend for lucasjensen.me
build with FastAPI and MySQL
## Setup
- create and activate virtual environment
- install requirements
- create database with mysql, note db name
- create .env file with db credentials (see `.env.example`)
- ensure mysql user has permissions to create tables
- run `create_tables.sql` to create tables
```bash
mysql -u [username] -p [database] < create_tables.sql
```
### Run
```bash
uvicorn main:app --reload --port 8001
```
### Test
```bash
pytest -s
```

1
server/__version__.py Normal file
View File

@@ -0,0 +1 @@
__version__ = "0.1.22"

27
server/config.py Normal file
View File

@@ -0,0 +1,27 @@
import os
from functools import lru_cache
from pydantic_settings import BaseSettings
class Settings(BaseSettings):
auth0_domain: str
auth0_api_audience: str
auth0_issuer: str
auth0_algorithms: str
@lru_cache()
def get_settings():
domain = os.getenv("AUTH0_DOMAIN")
audience = os.getenv("AUTH0_API_AUDIENCE")
issuer = os.getenv("AUTH0_ISSUER")
algorithms = os.getenv("AUTH0_ALGORITHMS")
if None in [domain, audience, issuer, algorithms]:
raise ValueError("Missing environment variables")
return Settings(
auth0_domain=domain, # type: ignore
auth0_api_audience=audience, # type: ignore
auth0_issuer=issuer, # type: ignore
auth0_algorithms=algorithms, # type: ignore
)

91
server/create_tables.sql Normal file
View File

@@ -0,0 +1,91 @@
DROP TABLE IF EXISTS `self`;
CREATE TABLE `self` (
`id` INT(11) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`name` VARCHAR(255) NOT NULL,
`email` VARCHAR(255) NOT NULL,
`bio` TEXT NOT NULL,
`github` VARCHAR(255) NOT NULL,
`auth0_sub` VARCHAR(255) NOT NULL,
`test_sub` VARCHAR(255) NOT NULL
);
INSERT INTO `self` (
`name`,
`email`,
`bio`,
`github`,
`auth0_sub`,
`test_sub`
)
VALUES (
'Lucas Jensen',
'lucas.p.jensen10@gmail.com',
"I am a recent graduate from Oregon State University with a Bachelor's degree in Computer Science, driven by a passion for solving complex problems through technology. During my academic journey, I honed my skills and practical knowledge, setting a strong foundation for my career. My enthusiasm led me to a Software Engineering internship at Cvent, where I focused on Service Level Indicators (SLIs) and TypeScript. This experience allowed me to dive deep into the intricacies of backend development, gaining hands-on expertise in Python, FastAPI, Flask, Bash scripting, Linux, Nginx, and Systemd.\nMy commitment to delivering robust solutions is reflected in my proficiency in writing unit tests, ensuring the reliability and stability of the software I develop. I thrive in collaborative environments and have successfully contributed to team projects, understanding the importance of effective communication and cooperation. As I embark on my professional journey, I am excited to leverage my diverse skill set to tackle new challenges and make meaningful contributions to the field of computer science. Explore my portfolio to witness the intersection of my academic background and practical experiences that shape my identity as a dedicated and skilled computer scientist.",
'https://github.com/ljensen505',
'google-oauth2|103593642272149633528',
'FZdDeArr7QuX8qVmbKD2ggdLvlJZKEjE@clients'
);
DROP TABLE IF EXISTS `projects`;
CREATE TABLE `projects` (
`id` INT(255) NOT NULL PRIMARY KEY AUTO_INCREMENT,
`name` VARCHAR(255) NOT NULL,
`description` TEXT NOT NULL,
`source` VARCHAR(255),
`live` VARCHAR(255),
`is_self_hosted` BOOLEAN NOT NULL
);
INSERT INTO `projects` (
`name`,
`description`,
`source`,
`live`,
`is_self_hosted`
)
VALUES (
'The Grapefruits Duo',
'An artist website for a local chamber music duo. Built with MySQL, FastAPI, and React with TypeScript.',
'https://github.com/ljensen505/TheGrapefruitsDuo',
'https://thegrapefruitsduo.com/',
TRUE
),
(
'Portfolio Backend',
'A RESTful API for my portfolio website. Consumed by the portfolio frontend. Built with FastAPI and MySQL. Hosted on a Raspberry Pi in my living room.',
'https://github.com/ljensen505/portfolio-back',
'https://api.lucasjensen.me/',
TRUE
),
(
'Portfolio Frontend',
'The frontend for my portfolio website (this very site!). Consumes the portfolio backend. Built with React and Typescript. Hosted on a Raspberry Pi in my living room.',
'https://github.com/ljensen505/portfolio-front',
'https://lucasjensen.me/',
TRUE
),
(
'Portfolio CI/CD',
'A CI/CD pipeline for my portfolio website and used to auto build and deploy most projects listec here. Built with FastAPI and Bash, and heavily reliant upon GitHub Actions and Webhooks. Pipelines for each project vary but genarally utilize service files and systemd.',
'https://github.com/ljensen505/portfolio-pipeline',
NULL,
TRUE
),
(
'Escape From Disco Love',
'An escape room game that unfolds across three environments: a dive bar, a 1970s disco club, and an upscale rooftop bar. Players face a 30-minute time limit to break free. As they explore, a variety of interactive objects and specific items become essential tools in solving puzzles.\nBuilt with Unity and C#, Escape from Disco Love is a 3D game that can be played natively on Windows or Mac OS, or through a browser using WebGL. Built for OSU Capstone Fall 2023 with Joshua Harris, Thomas McNutt, Daniel Joseph, and Jerrod Lepper.\nSource code is private but available upon request.',
NULL,
'https://efdl.lucasjensen.me/',
TRUE
),
(
'Chess API',
'A RESTful API for playing chess online. Consumed by the Chess GUI.',
'https://github.com/ljensen505/chess-back',
'https://api.chess.v2.lucasjensen.me/',
TRUE
),
(
'Chess',
'A webapp for playing chess online against a friend. Consumes the Chess API.',
'https://github.com/ljensen505/chess-front',
'https://chess.lucasjensen.me/',
FALSE
)

34
server/db.py Normal file
View File

@@ -0,0 +1,34 @@
import os
import mysql.connector
from dotenv import load_dotenv
from fastapi import HTTPException, status
def connect_db() -> mysql.connector.MySQLConnection:
load_dotenv()
host = os.getenv("DB_HOST")
user = os.getenv("DB_USER")
password = os.getenv("DB_PASS")
database = os.getenv("DB_NAME")
if None in (host, user, password, database):
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail="err reading env vars",
)
try:
return mysql.connector.connect(
host=host,
user=user,
password=password,
database=database,
auth_plugin="mysql_native_password",
) # type: ignore
except Exception as e:
print(f"err connecting to db: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail="err connecting to db",
)

46
server/helpers.py Normal file
View File

@@ -0,0 +1,46 @@
import os
from dotenv import load_dotenv
origins = [
"http://localhost",
"http://localhost:3000",
"https://localhost:3000",
"https://lucasjensen.me/",
"https://lucasjensen.me",
"https://www.lucasjensen.me/",
"https://www.lucasjensen.me",
]
def get_token() -> str:
import http.client
import json
load_dotenv()
client_id = os.getenv("CLIENT_ID")
client_secret = os.getenv("CLIENT_SECRET")
conn = http.client.HTTPSConnection("lucasjensen.us.auth0.com")
payload = (
'{"client_id":"'
+ f"{client_id}"
+ '","client_secret":"'
+ f"{client_secret}"
+ '","audience":"'
+ f"https://api.lucasjensen.me/"
+ '","grant_type":"client_credentials"}'
)
headers = {"content-type": "application/json"}
conn.request("POST", "/oauth/token", payload, headers)
res = conn.getresponse()
data = res.read()
body = json.loads(data.decode("utf-8"))
return body["access_token"]

133
server/main.py Normal file
View File

@@ -0,0 +1,133 @@
import os
from dotenv import load_dotenv
from fastapi import FastAPI, HTTPException, Security, status
from fastapi.middleware.cors import CORSMiddleware
from fastapi.staticfiles import StaticFiles
import queries
from __version__ import __version__
from helpers import origins
from models import About, Project
from utils import VerifyToken
load_dotenv()
app = FastAPI()
auth = VerifyToken()
app.add_middleware(
CORSMiddleware,
allow_origins=origins,
allow_credentials=True,
allow_methods=["*"],
allow_headers=["*"],
)
app.mount("/static", StaticFiles(directory="static"), name="static")
@app.get("/", status_code=status.HTTP_200_OK)
async def root():
available_routes = [
"/",
"/about",
"/projects",
"/static/resume.pdf",
"/static/favicon.png",
]
return {
"welcome": "backend api for lucasjensen.me",
"version": __version__,
"routes": available_routes,
}
@app.get("/about", status_code=status.HTTP_200_OK)
async def about() -> About:
try:
return queries.get_about()
except Exception as e:
print(f"err getting about: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail=f"database error: {e}",
)
@app.get("/projects", status_code=status.HTTP_200_OK)
async def projects() -> list[Project]:
try:
return queries.get_projects()
except Exception as e:
print(f"err getting projects: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail=f"database error: {e}",
)
@app.get("/projects/{project_id}", status_code=status.HTTP_200_OK)
async def project(project_id: int) -> Project:
project = queries.get_project(project_id)
try:
project = queries.get_project(project_id)
except Exception as e:
print(f"err getting projects: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail=f"database error: {e}",
)
if project is None:
raise HTTPException(
status_code=status.HTTP_404_NOT_FOUND,
detail=f"project with id {project_id} not found",
)
return project
@app.post("/projects", status_code=status.HTTP_201_CREATED)
async def post_project(project: Project, auth_result=Security(auth.verify)) -> Project:
user_sub, test_sub = queries.get_subs().values()
jwt_sub = auth_result.get("sub")
if jwt_sub not in [user_sub, test_sub]:
raise HTTPException(
status_code=status.HTTP_401_UNAUTHORIZED,
detail="unauthorized",
)
try:
return queries.create_project(project)
except Exception as e:
print(f"err creating project: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail=f"database error: {e}",
)
@app.delete("/projects/{project_id}", status_code=status.HTTP_204_NO_CONTENT)
async def delete_project(project_id: int, auth_result=Security(auth.verify)):
user_sub, test_sub = queries.get_subs().values()
jwt_sub = auth_result.get("sub")
if jwt_sub not in [user_sub, test_sub]:
raise HTTPException(
status_code=status.HTTP_401_UNAUTHORIZED,
detail="unauthorized",
)
project = queries.get_project(project_id)
if project is None:
raise HTTPException(
status_code=status.HTTP_404_NOT_FOUND,
detail=f"project with id {project_id} not found",
)
try:
return queries.delete_project(project_id)
except Exception as e:
print(f"err deleting project: {e}")
raise HTTPException(
status_code=status.HTTP_500_INTERNAL_SERVER_ERROR,
detail=f"database error: {e}",
)

17
server/models.py Normal file
View File

@@ -0,0 +1,17 @@
from pydantic import BaseModel
class About(BaseModel):
name: str
email: str
bio: str
github: str
class Project(BaseModel):
id: int | None = None
name: str
description: str
source: str | None = None
live: str | None = None
is_self_hosted: bool = False

67
server/queries.py Normal file
View File

@@ -0,0 +1,67 @@
from db import connect_db
from models import About, Project
def get_projects() -> list[Project]:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute("SELECT * FROM projects")
data = cursor.fetchall()
projects = [Project(**p) for p in data] # type: ignore
db.close()
return projects
def get_project(project_id: int) -> Project | None:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute("SELECT * FROM projects WHERE id=%s", (project_id,))
data = cursor.fetchone()
db.close()
return None if data is None else Project(**data) # type: ignore
def create_project(project: Project) -> Project:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute(
"INSERT INTO projects (name, description, source, live, is_self_hosted) VALUES (%s, %s, %s, %s, %s)",
(
project.name,
project.description,
project.source,
project.live,
project.is_self_hosted,
),
)
db.commit()
project.id = cursor.lastrowid
db.close()
return project
def delete_project(project_id: int) -> None:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute("DELETE FROM projects WHERE id=%s", (project_id,))
db.commit()
db.close()
def get_about() -> About:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute("SELECT name, email, bio, github FROM self")
data = {key: val for key, val in cursor.fetchone().items()} # type: ignore
db.close()
return About(**data)
def get_subs() -> dict[str, str]:
db = connect_db()
cursor = db.cursor(dictionary=True)
cursor.execute("SELECT auth0_sub, test_sub FROM self")
data = {key: val for key, val in cursor.fetchone().items()} # type: ignore
db.close()
return data

47
server/requirements.txt Normal file
View File

@@ -0,0 +1,47 @@
annotated-types==0.6.0
anyio==4.2.0
black==23.12.1
certifi==2023.11.17
cffi==1.16.0
charset-normalizer==3.3.2
click==8.1.7
cryptography==41.0.7
dotted-notation==0.11.0
fastapi==0.108.0
h11==0.14.0
httpcore==1.0.2
httptools==0.6.1
httpx==0.26.0
idna==3.6
iniconfig==2.0.0
markdown-it-py==3.0.0
mdurl==0.1.2
mypy-extensions==1.0.0
mysql-connector-python==8.2.0
packaging==23.2
pathspec==0.12.1
platformdirs==4.1.0
pluggy==1.3.0
protobuf==4.21.12
pycparser==2.21
pydantic==2.5.3
pydantic-settings==2.1.0
pydantic_core==2.14.6
Pygments==2.17.2
PyJWT==2.8.0
pyparsing==3.1.1
pytest==7.4.4
python-dotenv==1.0.0
PyYAML==6.0.1
requests==2.31.0
rich==13.7.0
rich-click==1.7.2
sniffio==1.3.0
starlette==0.32.0.post1
tomlkit==0.12.3
typing_extensions==4.9.0
urllib3==2.1.0
uvicorn==0.25.0
uvloop==0.19.0
watchfiles==0.21.0
websockets==12.0

10
server/run.py Normal file
View File

@@ -0,0 +1,10 @@
import os
import uvicorn
from main import app
from dotenv import load_dotenv
if __name__ == "__main__":
load_dotenv()
port = int(os.getenv("PORT", 5050))
uvicorn.run(app, port=port)

BIN
server/static/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 708 B

BIN
server/static/resume.pdf Normal file
View File

Binary file not shown.

123
server/test_app.py Normal file
View File

@@ -0,0 +1,123 @@
from fastapi.testclient import TestClient
from helpers import get_token
from main import app
client = TestClient(app)
token = get_token()
def test_root():
response = client.get("/")
assert response.status_code == 200
body: dict[str, str] = response.json()
welcome = body["welcome"]
version = body["version"]
major, minor, patch = version.split(".")
routes = body["routes"]
assert welcome == "backend api for lucasjensen.me"
for v in [major, minor, patch]:
assert v.isnumeric()
assert len(routes) >= 3
def test_about():
response = client.get("/about")
assert response.status_code == 200
body = response.json()
vals = ["name", "email", "bio", "github"]
assert all([k in body for k in vals])
def test_projects():
response = client.get("/projects")
assert response.status_code == 200
body = response.json()
assert len(body) > 0
vals = ["id", "name", "description"] # remaining vals are optional
assert all([k in body[0] for k in vals])
def test_project():
response = client.get("/projects/1")
assert response.status_code == 200
body = response.json()
vals = ["id", "name", "description"] # remaining vals are optional
assert all([k in body for k in vals])
def test_post_projects():
p_id = post_project()
client.delete(
f"/projects/{p_id}",
headers={"Authorization": f"Bearer {token}"},
)
def delete_project(p_id: int):
response = client.delete(
f"/projects/{p_id}",
headers={"Authorization": f"Bearer {token}"},
)
assert response.status_code == 204
response = client.get("/projects")
assert response.status_code == 200
body = response.json()
assert not any([p.get("id") == p_id for p in body])
def post_project() -> int:
project = {
"name": "test project",
"description": "test description",
"source": "github.com/test",
"live": "test.com",
"is_self_hosted": False,
}
response = client.post(
"/projects",
json=project,
headers={"Authorization": f"Bearer {token}"},
)
assert response.status_code == 201
p_id = int(response.json()["id"])
assert isinstance(p_id, int)
response = client.get("/projects")
assert response.status_code == 200
body = response.json()
assert any([p.get("id") == p_id for p in body])
response = client.get(f"/projects/{p_id}")
assert response.status_code == 200
body = response.json()
assert body["name"] == project["name"]
assert body["description"] == project["description"]
assert body["source"] == project["source"]
assert body["live"] == project["live"]
assert body["id"] == p_id
return p_id
def test_delete_project():
p_id = post_project()
all_projects = client.get("/projects").json()
assert any([p.get("id") == p_id for p in all_projects])
delete_project(p_id)
all_projects = client.get("/projects").json()
assert not any([p.get("id") == p_id for p in all_projects])
def test_get_static_file():
response = client.get("/static/resume.pdf")
assert response.status_code == 200
assert response.headers["Content-Type"] == "application/pdf"
response = client.get("/static/favicon.png")
assert response.status_code == 200
assert response.headers["Content-Type"] == "image/png"

70
server/utils.py Normal file
View File

@@ -0,0 +1,70 @@
from typing import Optional
import jwt
from fastapi import Depends, HTTPException, status
from fastapi.security import HTTPAuthorizationCredentials, HTTPBearer, SecurityScopes
from config import get_settings
class UnauthorizedException(HTTPException):
def __init__(self, detail: str, **kwargs):
"""Returns HTTP 403"""
super().__init__(status.HTTP_403_FORBIDDEN, detail=detail)
class UnauthenticatedException(HTTPException):
def __init__(self):
super().__init__(
status_code=status.HTTP_401_UNAUTHORIZED,
detail="Requires authentication",
)
class UnauthenticatedException(HTTPException):
def __init__(self):
super().__init__(
status_code=status.HTTP_401_UNAUTHORIZED, detail="Requires authentication"
)
class VerifyToken:
"""Does all the token verification using PyJWT"""
def __init__(self):
self.config = get_settings()
# This gets the JWKS from a given URL and does processing so you can
# use any of the keys available
jwks_url = f"https://{self.config.auth0_domain}/.well-known/jwks.json"
self.jwks_client = jwt.PyJWKClient(jwks_url)
async def verify(
self,
security_scopes: SecurityScopes,
token: Optional[HTTPAuthorizationCredentials] = Depends(HTTPBearer()),
):
if token is None:
raise UnauthenticatedException
# This gets the 'kid' from the passed token
try:
signing_key = self.jwks_client.get_signing_key_from_jwt(
token.credentials
).key
except jwt.exceptions.PyJWKClientError as error:
raise UnauthorizedException(str(error))
except jwt.exceptions.DecodeError as error:
raise UnauthorizedException(str(error))
try:
payload = jwt.decode(
token.credentials,
signing_key,
algorithms=self.config.auth0_algorithms, # type: ignore
audience=self.config.auth0_api_audience,
issuer=self.config.auth0_issuer,
)
except Exception as error:
raise UnauthorizedException(str(error))
return payload