Image
ProjectsAboutResumeBlogDesign
Contact
Image
Brandon

Full stack EngineerFull stack Engineer

ProjectsAboutResumeDesignBlog3D StuffContact
Image

Project study

A deep dive into a recent project.

Image

NexusTalk

NexusTalk represents the embodiment of state-of-the-art web application engineering, infused with my zeal and commitment. Developed over countless hours of focused dedication, this platform has been crafted to provide an unrivaled interactive experience for users, emphasizing both functionality and security.

NextJS
TypeScript
JavaScript
Socket.io
React
Redux
SSR
Shadcn UI
Prisma
PostgreSQL
Clerk Auth
Tailwind
Supabase
Zod & Zustand
Uploadthing

Brio

Brio - Bringing Food Really On Time is a modern food delivery platform focused on speed, convenience, and user-friendly design. Built for global deployment, it streamlines the food ordering experience for both customers and restaurants.

React
NodeJS
Express
Chakra UI
Swagger
Axios
RefreshToken
Docker
ESLint
Prettier
Vite
AOS
JavaScript
TypeScript
Docker-Compose
Bcrypt
Dotenv
Joi
JWT
SendGrid
Framer Motion
Leaflet
Mapbox
Quill
MongoDB
Mongoose
UUID
HTML
CSS
Image

Projects

Here are some of my projects.

Bank Global

Bank Global

Bank Global was a project I worked on when experimenting with HTML, CSS, and JavaScript as a showcase of using these tools. It demonstrates skills in layout control flow, a deeper understanding of CSS and JavaScript classes, optimizing work with multiple pages, and creating an organized folder and file structure. This project provides a great introduction to creating layouts and understanding basic programming flow.

Atlas

Atlas

The Atlas app connects to the REST Countries and Google Maps APIs, providing users with detailed information about any country, including its flag, population, region, languages, currencies, capital, and border states, searchable by country name.

Toys Rest API

Toys Rest API

The Toys REST API and Frontend is a full-stack web project for managing toys and user data. The backend, built with Node.js, Express, bcrypt, JWT, and MongoDB, handles database operations and user/toy routes. The React frontend provides a user-friendly interface for authentication, CRUD operations, and profile management.

Ehya

Ehya

Ehya is a responsive layout project showcasing HTML, CSS, and JavaScript with a dynamic navbar, utilizing the BEM methodology for correct layout and block structuring.

Portfolio

Portfolio

The Portfolio project is a collection of my experience as a Full Stack developer, showcasing my professional journey, projects, expertise, and advanced features to enhance user experience.

EFS Messenger

EFS Messenger

EFS Messenger is a secure chat platform with end-to-end encryption and no database storage, ensuring data is only accessible while users are active. The project is currently in development.

Uber Taxi

Uber Taxi

Uber Taxi is a React Native app for iOS and Android, allowing users to order taxis by selecting origin and destination points, saving them to the Redux store, and displaying them on a map with travel time, distance, and fare calculations.

NexusTalk

NexusTalk

NexusTalk is a full-stack application designed to offer a seamless, dynamic, and secure user experience for real-time communication.

FlowWarp

FlowWarp

FlowWarp is a music platform combining cutting-edge technology and user-centric design, offering an unparalleled musical experience through aesthetics and functionality.

Bookmarks API

Bookmarks API

The Bookmarks API is a NestJS REST API project demonstrating robust backend capabilities with Prisma, Docker, and modern tools for user authentication and bookmark management.

Flask Notes

Flask Notes

Flask Notes is a Flask-based application for authenticated users to create, view, edit, and delete notes, showcasing Flask, SQLAlchemy for database operations, and Jinja for templating.

Buzzer

Buzzer

Buzzer is a sophisticated React Native and Expo chat application using Firestore and Firebase for real-time database and authentication, providing an interactive chat experience.

Frameio

Frameio

Frameio is a vibrant social network platform for dynamic posting of images, posts, and community interaction with likes, saves, and content search capabilities.

WillDay

WillDay

WillDay is a sophisticated full-stack web application for task management in organizational settings, leveraging Next.js 14, React, Clerk Auth, Prisma, SQL, and more, deployed on Vercel as an SSR app.

PhiShop

PhiShop

PhiShop is an innovative online platform for buying and selling digital assets like icons and UI kits, leveraging modern web technologies for a seamless marketplace experience.

YouTube Preview Gif Generator

YouTube Preview Gif Generator

This project allows users to create GIFs from YouTube videos, offering a user-friendly interface and efficient backend architecture for capturing and sharing specific video moments.

Order Management System

Order Management System

CDSoftware 2 is an internal order management web application built for a sales/distribution business. It's a Next.js 15 + TypeScript app backed by PostgreSQL (via Supabase) with Prisma as the ORM. The system handles the full order lifecycle — creating, tracking, and managing customer orders with line items, product templates, and categories. It has a multi-role user system (employees, admins, super-admins) with an approval workflow where new accounts must be approved before gaining access. Key features include customer management, order image uploads (Supabase Storage), activity logging, statistics, auto-proofing, and a guided onboarding walkthrough for new users.

Blog

GLB Compression for Three.js Projects Cover

September 1, 2025

GLB Compression for Three.js Projects

A guide to compressing GLB files for Three.js projects using gltf-transform and Draco, including an alternative approach with gltfjsx for React Three Fiber users.

How to Export Metadata from MDX for Next.js SEO Cover

February, 8, 2025

How to Export Metadata from MDX for Next.js SEO

A guide on exporting metadata from MDX files to leverage Next.js SEO features.

Advanced React Patterns Cover

March, 5, 2025

Advanced React Patterns

List of advanced React patterns complete with examples.

Next topic
About me

How is your experience so far?

ProjectsAboutResumeDesignBlog3D StuffContact BlogFreelanceLegacySite MapGithubLinkedin

Available
For
Work

© 2020 - 2026 Brandon Nolan. All Rights Reserved.

+1(437)-439-3888
Canada | Global