header hero image

Portfolio

beanbag coffee co. hero

Beanbag Coffee Co.

Beanbag Coffee Co. is a headless e-commerce solution that provides a flexible framework for building custom e-commerce platforms. It offers features such as GraphQL API, server-side rendering, payment integrations, multi-currency support, and many others. The Beanbag Coffee Co. e-commerce project is a fully functional online store that allows customers to browse and purchase a variety of coffee products ranging from whole beans to ground coffee. The website is designed to be user-friendly and visually appealing, providing customers with an enjoyable shopping experience. The project uses MedusaJS as its core framework combined with other technologies such as NextJS for front-end development, Node.js for server-side rendering and PostgreSQL for the DB. This stack was chosen because it enables fast development of scalable applications while also offering performance benefits.

  • TYPESCRIPT
  • TAILWINDCSS
  • POSTGRESQL
  • HEADLESS DESIGN
  • REDIS
  • FRONTEND DESIGN
  • NEXTJS
  • BABEL
  • WEBPACK
  • GIT
electronics inventory hero image

electronics inventory

Electronics Inventory is a cutting-edge web based app that efficiently organizes electronic lab inventory for both small businesses and individuals alike. The backend API has been fully documented and tested using OpenAPI and Swagger. Electronics Inventory web-app is available on any device from desktop pc to the smallest handheld. Manage your electronics inventory from anywhere!

  • JAVASCRIPT
  • CSS3
  • HTML5
  • WIREFRAMING
  • UI/UX DESIGN
  • REACT
  • REDUX
  • OPENAPI
  • BACKEND DESIGN
  • EXPRESS
  • REST API
  • BABEL
  • WEBPACK
  • GIT
outdoorsy app hero

outdoorsy

Outdoorsy is a comprehensive website project designed to cater to the needs of outdoor enthusiasts. The website serves as a platform where users can create and review various outdoor activities such as campsites, canoe routes, hiking trails, and much more.

  • JAVASCRIPT
  • CSS3
  • HTML5
  • WIREFRAMING
  • UI/UX DESIGN
  • BACKEND DESIGN
  • EXPRESS
  • REST API
  • BABEL
  • WEBPACK
  • GIT
3d portfolio hero

3D Portfolio

An experimental three dimensional portfolio site created with ThreeJS and Blender. I had alot of fun learning new technologies to complete this project. In the end the limitations of responsive styling within this 3d environment meant I had to switch back to a more traditional portfolio website layout to offer improved user accessibility over different devices, specifically older browsers. Still it was a FUN experiment and I do see applications for this type of tech in the future with AR (i.e. Augmented Reality).

  • JAVASCRIPT
  • CSS3
  • HTML5
  • REACT
  • REDUX
  • FRONTEND DESIGN
  • BABEL
  • WEBPACK
  • GIT
pomodoro timer hero

Pomodor Timer

This project was started in winter 2023 as an introduction to ReactJS. The goal was to explore basic and advanced topics such as prop drilling, React Router, responsive UI/UX design, and state management with Redux.

  • JAVASCRIPT
  • BOOTSTRAP
  • HTML5
  • REACT
  • REDUX
  • UI/UX DESIGN
  • BABEL
  • WEBPACK
  • GIT