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.

Image

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.

JavaScript
CSS
HTML
AOS
Bootstrap
UI Kit
Animista
Image

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.

JavaScript
CSS
HTML
AOS
Bootstrap
Animista
Lodash
Axios
Image

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.

Node.js
Express
React
JavaScript
MongoDB
Swagger
JSONWebToken
CORS
Bcrypt
Mongoose
Dotenv
Image

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.

HTML
CSS
JavaScript
BEM
Image

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.

React
Tailwind
Image

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.

React
Node.js
Socket.IO
TypeScript
Image

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.

React Native
Redux
Redux Toolkit
Google Cloud APIs
TailwindCSS for React Native
Expo
JavaScript
Image

NexusTalk

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

Next.js
TypeScript
JavaScript
Socket.io
React
Redux
SSR
Shadcn UI
Prisma
PostgreSQL
Clerk Auth
Tailwind
Supabase
Zod
Zustand
Uploadthing
Image

FlowWarp

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

Next.js
TypeScript
JavaScript
Stripe
React
Radix
SSR
Supabase
PostgreSQL
Supabase Auth
Tailwind
Zod
Zustand
Image

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.

NestJS
TypeScript
Jest
Prisma
Passport
Image

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.

Flask
Python
Jinja
Bootstrap
SQLAlchemy
Flask-Login
Image

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.

React Native
JavaScript
Expo
Firestore
Firebase
Image

Frameio

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

React
TypeScript
Appwrite
Zod
Radix UI
Shadcn UI
Tanstack (React Query)
React Hook Form
TailwindCSS
ESLint
Image

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.

Next.js 14
React
TypeScript
Clerk Auth
Stripe
Shadcn UI
Tailwind CSS
Prisma
SQL
Zod
Zustand
React Query
Sonner
UseHooks
PostCSS
ESLint
Image

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.

Next.js 14
Express
PayloadCMS
Shadcn UI
Tailwind CSS
tRPC
TypeScript
Resend
Stripe
React Hook Form
Nodemailer
MongoDB
Zod
Zustand
React
React-DOM
React Query
Lucide React
Radix UI
Swiper
Date-fns
Dotenv
ESLint
PostCSS
Nodemon
Image

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.

React
Node.js
MongoDB
RabbitMQ
Google Cloud Storage
ffmpeg.wasm
Docker
Jest
TypeScript
Nodemon
Husky
Prettier
ESLint
AMQPLib
YTDL
TypeDI
TypeORM
Lodash
CLI-Progress
SWR
React-YouTube
Compression
Cookie-Parser
CORS
Env
Express
HPP
Passport
Swagger
Winston

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 - 2025 Brandon Nolan. All Rights Reserved.

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