Oliver Bryan
-Oliver Bryan
Not found
- +Not found
+ Go home- {metadata.title} -
-- {metadata.description} -
- {tags.length > 0 ? ( -- {metadata.date} -
-+ {metadata.title} +
+{metadata.description}
+ {tags.length > 0 ? ( ++ {metadata.date} +
++ "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 + +
+ Technologies +
+-
+
- C++ +
- raylib (OpenGL) +
- CMake +
- Perlin noise generation +
- Aseprite +
- Engine-less game development +
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. +
+ ++ 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 +
Pictures
++ "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) +
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). +
+ ++ 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) +
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. +
+ ++ Technologies +
+-
+
- Node.js +
- TypeScript +
- Express.js +
- Discord.js +
- PostgreSQL +
- AWS S3 +
Gameplay
++ Pre-Production +
++ 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 +
+ Technologies +
+-
+
- Next.js +
- React +
- TypeScript +
- PostgreSQL +
- Node.js +
Screenshots
+
+
{metadata.title}
{metadata.image ? (
@@ -23,7 +23,7 @@ export function ProjectPage({ metadata, children }: ProjectPageProps) {
className="w-24 h-24 rounded mb-2"
/>
) : (
-
+
)}
+
{metadata.date} {metadata.github ? ( <> @@ -50,7 +50,7 @@ export function ProjectPage({ metadata, children }: ProjectPageProps) { href={metadata.github} target="_blank" rel="noopener noreferrer" - className="text-ayu-green-500 hover:underline" + className="text-green-500 hover:underline" > Source Code @@ -63,7 +63,7 @@ export function ProjectPage({ metadata, children }: ProjectPageProps) { {tags.map((tag: string) => ( {tag} @@ -73,7 +73,7 @@ export function ProjectPage({ metadata, children }: ProjectPageProps) {
+
Oliver Bryan - {metadata.date}
{metadata.github ? (
<>
@@ -83,7 +83,7 @@ export function ProjectPage({ metadata, children }: ProjectPageProps) {
href={metadata.github}
target="_blank"
rel="noopener noreferrer"
- className="text-ayu-green-500 hover:underline"
+ className="text-green-500 hover:underline"
>
Source Code
diff --git a/src/projects/shleep/index.tsx b/src/projects/shleep/index.tsx
new file mode 100644
index 00000000..1fbaee18
--- /dev/null
+++ b/src/projects/shleep/index.tsx
@@ -0,0 +1,51 @@
+import { Demo } from "@/projects/shared/Demo";
+import { ProjectPage } from "@/projects/shared/ProjectPage";
+
+export const metadata = {
+ title: "Shleep",
+ description:
+ "A couch co-op base defense game where you protect a sleepign child from nightmares.",
+ date: "February - June 2023",
+ slug: "shleep",
+ image: "/shleep-icon.svg",
+ url: "https://bigbootstudio.itch.io/shleep",
+ hidden: true,
+ tags: ["Unity", "C#", "HLSL", "Shader Graph", "Visual Effects Graph"],
+ type: "personal",
+};
+
+export function ShleepProject() {
+ 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
+
+
+
+ Screenshots
+
+
+
Key features
@@ -54,8 +54,8 @@ export function SprintProject() {
-
-
+
+
Technologies
@@ -70,9 +70,7 @@ export function SprintProject() {
-
- Architecture
-
+ Architecture
Sprint uses a monorepo structure with three packages: a shared package
containing database schemas and types, a Bun.serve API with Drizzle
@@ -82,9 +80,7 @@ export function SprintProject() {
-
- Screenshots
-
+ Screenshots
+ watercooler description here
+
+
+
+
+ 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
+
+
+
+
+
+ Screenshots
+
+
+
+ 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
+
+
+
+
+
+ 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
+
+
+ );
+}
Key features
-
@@ -54,8 +54,8 @@ export function SprintProject() {
+
+
Technologies
@@ -70,9 +70,7 @@ export function SprintProject() {
-
- Architecture
-
+ Architecture
Sprint uses a monorepo structure with three packages: a shared package
containing database schemas and types, a Bun.serve API with Drizzle
@@ -82,9 +80,7 @@ export function SprintProject() {
-
- Screenshots
-
+ Screenshots
+ watercooler description here
+
+
+
+
+ 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
+
+
+
+
+
+ Screenshots
+
+
+
+ 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
+
+
+
+
+
+ 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
+
+
+ );
+}
Technologies
-
@@ -70,9 +70,7 @@ export function SprintProject() {
- Architecture -
+Architecture
Sprint uses a monorepo structure with three packages: a shared package containing database schemas and types, a Bun.serve API with Drizzle @@ -82,9 +80,7 @@ export function SprintProject() {
- Screenshots -
+Screenshots
watercooler description here
+ ++ 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 +
Screenshots
++ 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 +
+ 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 +