- setActiveTab(value as HomeTab)}
- className="w-full max-w-5xl gap-0"
- >
-
-
- Work
-
-
- Travel
-
-
-
-
-
-
-
- ) : (
-
- );
+ return (
+
- {asciiArt ? (
-
- {isTabsEnabled ? (
-
- {asciiArt}
-
- ) : null}
- - Oliver Bryan -
- -
- Age:
-
- {visibleProjects.map((project, index) => (
-
-
- {locations.map((location, index) => (
- <>
- {
- setActivePhoto(null);
- setActiveLocation((prev) =>
- prev === index ? null : index,
- );
- }}
- />
- {activeLocation === index &&
- (locationPhotos[location.id].length === 0 ? (
-
-
-
- ) : (
-
-
-
-
- 
- ) : (
-
- ))}
-
- ))}
-
- {locationPhotos[location.id].map((photo) => (
-
- ))}
-
- {activePhoto ? (
-
-
- )}
-
- {visibleProjects.map((project, index) => (
-
- )}
-
-
-
-
- - arrows or hjkl, then enter -
-
-
-
+ setActiveTab(value as HomeTab)}
+ className="w-full max-w-5xl gap-0"
+ >
+
+
+ Work
+
+
+ Travel
+
+
+
+
+
+
+
+ ) : (
+
+ );
}
function isInteractiveTarget(target: EventTarget | null): boolean {
- if (!(target instanceof HTMLElement)) return false;
- if (target.isContentEditable) return true;
- const tagName = target.tagName;
- return (
- tagName === "INPUT" ||
- tagName === "TEXTAREA" ||
- tagName === "SELECT" ||
- tagName === "BUTTON" ||
- tagName === "A"
- );
+ if (!(target instanceof HTMLElement)) return false;
+ if (target.isContentEditable) return true;
+ const tagName = target.tagName;
+ return (
+ tagName === "INPUT" ||
+ tagName === "TEXTAREA" ||
+ tagName === "SELECT" ||
+ tagName === "BUTTON" ||
+ tagName === "A"
+ );
}
function ProjectRoute() {
- const { slug } = useParams();
- if (!slug || !projects[slug]) return
+ {asciiArt ? (
+
+ {isTabsEnabled ? (
+
+ {asciiArt}
+
+ ) : null}
+ + Oliver Bryan +
+ +
+ Age:
+
+ {visibleProjects.map((project, index) => (
+
+
+ {locations.map((location, index) => (
+ <>
+ {
+ setActivePhoto(null);
+ setActiveLocation((prev) =>
+ prev === index ? null : index,
+ );
+ }}
+ />
+ {activeLocation === index &&
+ (locationPhotos[location.id].length === 0 ? (
+
+
+
+ ) : (
+
+
+
+
+
+ ) : (
+
+ ))}
+
+ ))}
+
+ {locationPhotos[location.id].map((photo) => (
+
+ ))}
+
+ {activePhoto ? (
+
+
+ )}
+
+ {visibleProjects.map((project, index) => (
+
+ )}
+
+
+
+
+ + arrows or hjkl, then enter +
+
+
+
- ?
-
+ );
}
// function NotFound() {
@@ -396,41 +396,41 @@ function NotFound() {
// }
function parseDate(dateStr: string): Date {
- const lower = dateStr.toLowerCase();
+ const lower = dateStr.toLowerCase();
- if (lower.includes("q1")) return new Date("2023-01-01");
- if (lower.includes("q2")) return new Date("2023-04-01");
- if (lower.includes("q3")) return new Date("2023-07-01");
- if (lower.includes("q4")) return new Date("2023-10-01");
+ if (lower.includes("q1")) return new Date("2023-01-01");
+ if (lower.includes("q2")) return new Date("2023-04-01");
+ if (lower.includes("q3")) return new Date("2023-07-01");
+ if (lower.includes("q4")) return new Date("2023-10-01");
- const months: Record
+ ?
+
- );
+
+
-
-
- {metadata.image ? (
- 
- ) : (
-
- )}
-
-
-
- - {metadata.title} -
-{metadata.description}
- {tags.length > 0 ? ( -
- {tags.map((tag) => (
-
- {tag}
-
- ))}
-
- ) : null}
-
-
-
- );
+ return (
+
+ {metadata.type === "professional" ? (
+
+ Professional
+
+ ) : null}
+ {metadata.date}
-
+
+
+ {metadata.image ? (
+
+ ) : (
+
+ )}
+
+
+
+ + {metadata.title} +
+{metadata.description}
+ {tags.length > 0 ? ( +
+ {tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+ ) : null}
+
+
+
+ );
}
diff --git a/src/components/ProjectPage.tsx b/src/components/ProjectPage.tsx
index 9f4bdcae..e7c058ba 100644
--- a/src/components/ProjectPage.tsx
+++ b/src/components/ProjectPage.tsx
@@ -6,150 +6,150 @@ import type { ProjectMetadata } from "@/projects";
import { AskAI } from "./ask-ai";
export function ProjectPage({
- metadata,
- children,
+ metadata,
+ children,
}: {
- metadata: ProjectMetadata;
- children: ReactNode;
+ metadata: ProjectMetadata;
+ children: ReactNode;
}) {
- const navigate = useNavigate();
- const tags = metadata.tags ? [...metadata.tags].sort() : [];
+ const navigate = useNavigate();
+ const tags = metadata.tags ? [...metadata.tags].sort() : [];
- useEffect(() => {
- const handleKeyDown = (event: KeyboardEvent) => {
- if (event.defaultPrevented || event.isComposing) return;
- if (event.metaKey || event.ctrlKey || event.altKey) return;
- if (isInteractiveTarget(event.target)) return;
+ useEffect(() => {
+ const handleKeyDown = (event: KeyboardEvent) => {
+ if (event.defaultPrevented || event.isComposing) return;
+ if (event.metaKey || event.ctrlKey || event.altKey) return;
+ if (isInteractiveTarget(event.target)) return;
- if (
- event.key === "Escape" ||
- event.key === "Backspace" ||
- event.key === "q"
- ) {
- event.preventDefault();
- navigate("/");
- }
- };
+ if (
+ event.key === "Escape" ||
+ event.key === "Backspace" ||
+ event.key === "q"
+ ) {
+ event.preventDefault();
+ navigate("/");
+ }
+ };
- window.addEventListener("keydown", handleKeyDown);
- return () => {
- window.removeEventListener("keydown", handleKeyDown);
- };
- }, [navigate]);
+ window.addEventListener("keydown", handleKeyDown);
+ return () => {
+ window.removeEventListener("keydown", handleKeyDown);
+ };
+ }, [navigate]);
- return (
- {metadata.date}
+
-
+ );
}
function isInteractiveTarget(target: EventTarget | null): boolean {
- if (!(target instanceof HTMLElement)) return false;
- if (target.isContentEditable) return true;
- const tagName = target.tagName;
- return (
- tagName === "INPUT" ||
- tagName === "TEXTAREA" ||
- tagName === "SELECT" ||
- tagName === "BUTTON" ||
- tagName === "A"
- );
+ if (!(target instanceof HTMLElement)) return false;
+ if (target.isContentEditable) return true;
+ const tagName = target.tagName;
+ return (
+ tagName === "INPUT" ||
+ tagName === "TEXTAREA" ||
+ tagName === "SELECT" ||
+ tagName === "BUTTON" ||
+ tagName === "A"
+ );
}
diff --git a/src/components/TravelListItem.tsx b/src/components/TravelListItem.tsx
index c28b3c33..dba4fb23 100644
--- a/src/components/TravelListItem.tsx
+++ b/src/components/TravelListItem.tsx
@@ -1,25 +1,25 @@
-import type { TravelMetadata } from "@/travel";
-import { Button } from "./ui/button";
import type { MouseEventHandler } from "react";
import { cn } from "@/lib/utils";
+import type { TravelMetadata } from "@/travel";
+import { Button } from "./ui/button";
export function TravelListItem({
- metadata,
- onClick,
+ metadata,
+ onClick,
}: {
- metadata: TravelMetadata;
- onClick: MouseEventHandler- esc or backspace to go back -
- -
-
- {metadata.url ? (
-
- ) : null}
+ return (
+
-
- ) : (
-
- )}
-
- - {metadata.title} -
- {metadata.image ? ( -
-
-
+
- );
+ + esc or backspace to go back +
+ +
+
+ {metadata.url ? (
+
+ ) : null}
-
+
+ ) : (
+
+ )}
+
+ + {metadata.title} +
+ {metadata.image ? ( +
+
+ - {metadata.date} - {metadata.github ? ( - <> - {" "} - -{" "} - - Source Code - - - ) : null} -
++ {metadata.date} + {metadata.github ? ( + <> + {" "} + -{" "} + + Source Code + + + ) : null} +
- {tags.length > 0 ? ( -
- {tags.map((tag: string) => (
-
- {tag}
-
- ))}
-
- ) : null}
+ {tags.length > 0 ? (
+
+ {tags.map((tag: string) => (
+
+ {tag}
+
+ ))}
+
+ ) : null}
- {children}
+ {children}
- - Oliver Bryan - {metadata.date} - {metadata.github ? ( - <> - {" "} - -{" "} - - Source Code - - - ) : null} -
-+ Oliver Bryan - {metadata.date} + {metadata.github ? ( + <> + {" "} + -{" "} + + Source Code + + + ) : null} +
+- "factor-e" is an isometric factory sandbox prototype I built to learn - C++ and{" "} - - raylib - - . Inspired by Minecraft and{" "} - - Terrafactor - - , it explores tile-based building, inventory management and procedural - world generation. -
+ return ( ++ "factor-e" is an isometric factory sandbox prototype I built to learn + C++ and{" "} + + raylib + + . Inspired by Minecraft and{" "} + + Terrafactor + + , it explores tile-based building, inventory management and procedural + world generation. +
-
-
-
-
+ - Key features -
--
-
- Isometric rendering with my own pixel art -
- Procedural world generation using Perlin noise -
- Simple tile place/destroy loop -
- Basic inventory and tool system -
- Dev/debug overlay -
- Cross-platform builds (Windows + Linux) -
- - Status: active prototype - -
+
+
+
- + Key features +
+-
+
- Isometric rendering with my own pixel art +
- Procedural world generation using Perlin noise +
- Simple tile place/destroy loop +
- Basic inventory and tool system +
- Dev/debug overlay +
- Cross-platform builds (Windows + Linux) +
- + Status: active prototype + +
-
- - Technologies -
--
-
- C++ -
- raylib (OpenGL) -
- CMake -
- Perlin noise generation -
- Aseprite -
- Engine-less game development -
+
+ + Technologies +
+-
+
- C++ +
- raylib (OpenGL) +
- CMake +
- Perlin noise generation +
- Aseprite +
- Engine-less game development +
-
- Demo
-
-
-
+
+ Demo
+
+
+ - "flackie" is a portable FLAC music player I built using a Raspberry Pi - Zero 2 W, a small e-ink display, and some physical buttons. The device - features a custom Python UI for browsing and playing FLAC files. The - case was designed in CAD and 3D printed to house all the components - neatly. -
+ return ( ++ "flackie" is a portable FLAC music player I built using a Raspberry Pi + Zero 2 W, a small e-ink display, and some physical buttons. The device + features a custom Python UI for browsing and playing FLAC files. The + case was designed in CAD and 3D printed to house all the components + neatly. +
-
-
-
-
+ - Key features -
--
-
- Portable design with a compact form factor -
- Custom Python UI for easy navigation -
- Physical buttons for playback control -
- 3D printed case -
- Supports FLAC audio playback -
+
+
+
- + Key features +
+-
+
- Portable design with a compact form factor +
- Custom Python UI for easy navigation +
- Physical buttons for playback control +
- 3D printed case +
- Supports FLAC audio playback +
-
- - Technologies -
--
-
- C++ -
- CMake -
- Python -
- Pillow -
- Raspberry Pi Zero 2 W -
- E-ink display -
- 3D printing -
+
+ + Technologies +
+-
+
- C++ +
- CMake +
- Python +
- Pillow +
- Raspberry Pi Zero 2 W +
- E-ink display +
- 3D printing +
-
- Pictures
-
-
-
+
+ Pictures
+
+
+ - fonts.ob248.com is a lightweight site for browsing and using my go-to - fonts. It simplifies the importing processign for .ttf and .otf fonts on - the web. -
+ return ( ++ fonts.ob248.com is a lightweight site for browsing and using my go-to + fonts. It simplifies the importing processign for .ttf and .otf fonts on + the web. +
-
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+ - "glimpse" is a full-stack social app for sharing photos with friends and - building real community. Early Instagram and tumblr were huge - inspirations, no influencers and brands, just keeping up with your - friends and family. Sign in with Google, and immediately access a - dynamic feed, view and comment on posts. Choose your profile colour, and - enable push notifications for new posts, comments, and friend requests. -
-
-
+
-
-
+ return (
+ - Key features -
--
-
- Photo uploads with caption and cropping function -
- User profiles with customisable colour themes -
- Dynamic, server-rendered feed of friends' photos -
- Commenting on posts -
- User search -
- Push notifications -
+ "glimpse" is a full-stack social app for sharing photos with friends and + building real community. Early Instagram and tumblr were huge + inspirations, no influencers and brands, just keeping up with your + friends and family. Sign in with Google, and immediately access a + dynamic feed, view and comment on posts. Choose your profile colour, and + enable push notifications for new posts, comments, and friend requests. +
+
+
+
+
- + Key features +
+-
+
- Photo uploads with caption and cropping function +
- User profiles with customisable colour themes +
- Dynamic, server-rendered feed of friends' photos +
- Commenting on posts +
- User search +
- Push notifications +
-
- - Technologies -
--
-
- Next.js + TypeScript -
- Prisma ORM + PostgreSQL -
- Tailwind CSS -
- Google OAuth with NextAuth.js -
- Web Push API -
- Next.js server-side rendering and API routes -
- Progressive Web App (PWA) -
+
+ + Technologies +
+-
+
- Next.js + TypeScript +
- Prisma ORM + PostgreSQL +
- Tailwind CSS +
- Google OAuth with NextAuth.js +
- Web Push API +
- Next.js server-side rendering and API routes +
- Progressive Web App (PWA) +
-
- Screenshots
-
-
-
+
+
+ );
}
diff --git a/src/projects/good-morning/index.tsx b/src/projects/good-morning/index.tsx
index 52a673f9..a3fbe143 100644
--- a/src/projects/good-morning/index.tsx
+++ b/src/projects/good-morning/index.tsx
@@ -2,105 +2,105 @@ import { Demo } from "@/components/Demo";
import { ProjectPage } from "@/components/ProjectPage";
export const metadata = {
- title: "good morning!",
- description:
- "An app for couples or friends to share daily notices with songs and photos",
- date: "October 2025",
- slug: "good-morning",
- image: "/good-morning-icon.png",
- // url: "https://gm.ob248.com",
- github: "https://github.com/hex248/good-morning",
- hidden: false,
- tags: [
- "Web",
- "React",
- "TypeScript",
- "Go",
- "PostgreSQL",
- "AWS S3",
- "Databases",
- "OAuth2",
- "Spotify API",
- ],
- type: "personal",
+ title: "good morning!",
+ description:
+ "An app for couples or friends to share daily notices with songs and photos",
+ date: "October 2025",
+ slug: "good-morning",
+ image: "/good-morning-icon.png",
+ // url: "https://gm.ob248.com",
+ github: "https://github.com/hex248/good-morning",
+ hidden: false,
+ tags: [
+ "Web",
+ "React",
+ "TypeScript",
+ "Go",
+ "PostgreSQL",
+ "AWS S3",
+ "Databases",
+ "OAuth2",
+ "Spotify API",
+ ],
+ type: "personal",
};
export function GoodMorningProject() {
- return (
- Screenshots
+
+
+ - "good morning!" is a web app I built to help couples or friends share - daily notices, songs, and photos with each other. It features a simple - and intuitive interface for sending and receiving messages, along with - support for photo attachments. The app is built with React and - TypeScript on the frontend, and Go with PostgreSQL on the backend. Media - files are stored securely using Cloudflare R2 (AWS S3). -
+ return ( ++ "good morning!" is a web app I built to help couples or friends share + daily notices, songs, and photos with each other. It features a simple + and intuitive interface for sending and receiving messages, along with + support for photo attachments. The app is built with React and + TypeScript on the frontend, and Go with PostgreSQL on the backend. Media + files are stored securely using Cloudflare R2 (AWS S3). +
-
-
-
-
+ - Key features -
--
-
- Create daily notices with photos and Spotify songs -
- Simple user interface -
- Google OAuth2 authentication for user accounts -
+
+
+
- + Key features +
+-
+
- Create daily notices with photos and Spotify songs +
- Simple user interface +
- Google OAuth2 authentication for user accounts +
-
- - Technologies -
--
-
- React -
- TypeScript -
- Go -
- PostgreSQL -
- Cloudflare R2 (AWS S3) -
- Spotify API -
- OAuth2 Authentication -
- Progressive Web App (PWA) -
+
+ + Technologies +
+-
+
- React +
- TypeScript +
- Go +
- PostgreSQL +
- Cloudflare R2 (AWS S3) +
- Spotify API +
- OAuth2 Authentication +
- Progressive Web App (PWA) +
-
- Demo
-
-
-
+
+ Demo
+
+
+ - I led a four-person team to create MIZU, a popular anime trading card - game on Discord. In this role, I was responsible for the full lifecycle - of the application: designing the core architecture, building the - application with Node.js and TypeScript, and deploying it on a - self-managed VPS. We successfully scaled to serve over 4,000 players. - Although MIZU is no longer active, it was a significant experience in - leading a team and scaling a live application. -
+ return ( ++ I led a four-person team to create MIZU, a popular anime trading card + game on Discord. In this role, I was responsible for the full lifecycle + of the application: designing the core architecture, building the + application with Node.js and TypeScript, and deploying it on a + self-managed VPS. We successfully scaled to serve over 4,000 players. + Although MIZU is no longer active, it was a significant experience in + leading a team and scaling a live application. +
-
-
+
-
- - Technologies -
--
-
- Node.js -
- TypeScript -
- Express.js -
- Discord.js -
- PostgreSQL -
- AWS S3 -
+
-
+
+ + Technologies +
+-
+
- Node.js +
- TypeScript +
- Express.js +
- Discord.js +
- PostgreSQL +
- AWS S3 +
-
+ Gameplay
-
-
-
+
- Gameplay
+
+
+
-
- - Pre-Production -
-
-
-
+
+ + Pre-Production +
+
+
+
-
+ return (
+ - Pray Together and Grow Together: Join a diverse community of - individuals from around the world who are passionate about prayer and - spiritual growth. Create and share prayer requests with your PrayerBud - community who are ready to offer support, encouragement, and heartfelt - prayers. -
-- For prayer teams or churches, the app offers a streamlined way to - manage and organise prayer requests, ensuring that no request goes - unnoticed. -
-
+
- + Pray Together and Grow Together: Join a diverse community of + individuals from around the world who are passionate about prayer and + spiritual growth. Create and share prayer requests with your PrayerBud + community who are ready to offer support, encouragement, and heartfelt + prayers. +
++ For prayer teams or churches, the app offers a streamlined way to + manage and organise prayer requests, ensuring that no request goes + unnoticed. +
+
-
-
-
+ - Key features -
--
-
- Create and manage prayer networks -
- Manage prayer communities -
- Intimate engagement with friends and family -
- Admin dashboard for managing users and user content -
- Responsive design for mobile and desktop -
+
+
+
- + Key features +
+-
+
- Create and manage prayer networks +
- Manage prayer communities +
- Intimate engagement with friends and family +
- Admin dashboard for managing users and user content +
- Responsive design for mobile and desktop +
-
- - Technologies -
--
-
- Next.js -
- React -
- TypeScript -
- PostgreSQL -
- Node.js -
+
+ + Technologies +
+-
+
- Next.js +
- React +
- TypeScript +
- PostgreSQL +
- Node.js +
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+ - Shleep is a couch co-op base defense game where you can build towers to - help aid you and your party to protect a sleeping child from nightmares. -
+ return ( ++ Shleep is a couch co-op base defense game where you can build towers to + help aid you and your party to protect a sleeping child from nightmares. +
-
-
+ - Technologies -
--
-
- Unity -
- C# -
- HLSL -
- Shader Graph -
- Visual Effects Graph -
+
- + Technologies +
+-
+
- Unity +
- C# +
- HLSL +
- Shader Graph +
- Visual Effects Graph +
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+ - Sprint is a lightweight, self-hostable project management tool built for - developers who want simplicity over complexity. Frustrated with bloated - tools like Jira, I created Sprint to focus on what matters: tracking - tasks within organisations and projects without the overhead. Deploy it - on your own infrastructure for full control over your data, and access - it via the web or as a native desktop application via Tauri. -
+ return ( ++ Sprint is a lightweight, self-hostable project management tool built for + developers who want simplicity over complexity. Frustrated with bloated + tools like Jira, I created Sprint to focus on what matters: tracking + tasks within organisations and projects without the overhead. Deploy it + on your own infrastructure for full control over your data, and access + it via the web or as a native desktop application via Tauri. +
-
-
-
-
+ - Key features -
--
-
- Organisation and project management -
- Issue creation with titles and descriptions -
- Issue assignment to team members -
- Time tracking with start, pause, and resume timers -
- Sprint management with date ranges -
- Customisable issue statuses per organisation -
- Resizable split-pane interface -
- Role-based access: owner, admin, member -
- Avatar uploads with S3 storage -
- Native desktop app via Tauri -
+
+
+
- + Key features +
+-
+
- Organisation and project management +
- Issue creation with titles and descriptions +
- Issue assignment to team members +
- Time tracking with start, pause, and resume timers +
- Sprint management with date ranges +
- Customisable issue statuses per organisation +
- Resizable split-pane interface +
- Role-based access: owner, admin, member +
- Avatar uploads with S3 storage +
- Native desktop app via Tauri +
-
- - Technologies -
--
-
- React + TypeScript (frontend) -
- Bun.serve + Drizzle ORM (backend) -
- PostgreSQL -
- Tailwind + shadcn/ui -
- Tauri (desktop) -
- S3 file storage (avatars) -
+
+ + Technologies +
+-
+
- React + TypeScript (frontend) +
- Bun.serve + Drizzle ORM (backend) +
- PostgreSQL +
- Tailwind + shadcn/ui +
- Tauri (desktop) +
- S3 file storage (avatars) +
-
+ Architecture
-- Sprint uses a monorepo structure with three packages: a shared package - containing database schemas and types, a Bun.serve API with Drizzle - ORM and auth middleware, and a React frontend that runs as a web app - or is bundled as a native desktop application with Tauri. -
-
+
- Architecture
++ Sprint uses a monorepo structure with three packages: a shared package + containing database schemas and types, a Bun.serve API with Drizzle + ORM and auth middleware, and a React frontend that runs as a web app + or is bundled as a native desktop application with Tauri. +
+
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+ watercooler description here
+ return ( +watercooler description here
-
-
-
-
+ - Key features -
--
-
- feature1 -
- - Status: active prototype - -
+
+
+
- + Key features +
+-
+
- feature1 +
- + Status: active prototype + +
-
- - Technologies -
--
-
- LiveKit (WebRTC) -
- Next.js + TypeScript -
- Prisma ORM + PostgreSQL -
- Tailwind CSS -
- Google OAuth with NextAuth.js -
- Next.js server-side rendering and API routes -
+
+ + Technologies +
+-
+
- LiveKit (WebRTC) +
- Next.js + TypeScript +
- Prisma ORM + PostgreSQL +
- Tailwind CSS +
- Google OAuth with NextAuth.js +
- Next.js server-side rendering and API routes +
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+ - Spotify listening activity web app with dynamic visuals, built with - Next.js. -
+ return ( ++ Spotify listening activity web app with dynamic visuals, built with + Next.js. +
-
-
-
-
+ - Key features -
--
-
- Live fetch from Spotify API -
- OAuth 2.0 authentication -
- Dynamic colour palette extraction -
- Smooth song transitions -
+
+
+
- + Key features +
+-
+
- Live fetch from Spotify API +
- OAuth 2.0 authentication +
- Dynamic colour palette extraction +
- Smooth song transitions +
-
- - Technologies -
--
-
- Next.js + TypeScript -
- Spotify API -
- OAuth 2.0 with fastify -
- Next.js server-side rendering and API routes -
- Colour palette extraction with node-vibrant -
+
+ + Technologies +
+-
+
- Next.js + TypeScript +
- Spotify API +
- OAuth 2.0 with fastify +
- Next.js server-side rendering and API routes +
- Colour palette extraction with node-vibrant +
-
- Screenshots
-
-
-
+
+ Screenshots
+
+
+