I'm Bao Nguyen, a full-stack web and app developer.

Spotify Now Playing Integration

August 2024

This project demonstrates the integration between a backend Express.js API and a frontend Create React App (CRA) to display real-time Spotify track information. The backend API handles the retrieval of the currently playing track and recent tracks from the Spotify API, while the frontend provides an interactive user interface to showcase this data.

Backend: Express.js API

• Repository: spotify-api
• Description: This Create React App displays the currently playing track and recently played tracks from the user's Spotify account. It fetches data from the Express.js API and provides a clean, user-friendly interface for displaying real-time Spotify information.

Frontend: Create React App

• Repository: spotify-now-playing-react
• Description: This Express.js server interacts with the Spotify API to fetch and serve information about the currently playing track and the user’s 5 most recently played tracks. It includes features such as CORS, rate limiting, and timeout management to ensure secure and efficient API usage.
• Demo: baoopn.com/listening

Leave Message API

July 2024

This Express.js application is a contact form backend that processes POST requests to the /msg endpoint. It validates input data, allows cross-origin requests from specific origins, and sends an email containing the message details using Gmail's SMTP server. The app ensures secure and efficient handling of contact form submissions, providing real-time email notifications to the specified recipient.

Technologies used:

• Express.js
• Nodemailer
• Gmail SMTP
• Docker
• Nginx
• Ubuntu Server

Minh Lee Fish House Website

June 2024 - August 2024

This project involves creating a website that showcases various ornamental fish species. It includes a public page displaying the fish species and an administrative page for the owner to manage the content.

Technologies used:

• Frontend: HTML, CSS, JavaScript, Bootstrap, jQuery
• Backend: Cloudflare Workers
• Database: Cloudflare D1 Database
• Hosting: Cloudflare Pages
• Cloud Storage: Cloudflare R2 Storage

Features:

• Public Page:
  • Display various ornamental fish species with images and descriptions.
  • Filter functionality to find specific fish species.
• Administrative Page:
  • Secure login for the page owner.
  • Add, edit, and delete fish species.
  • Upload images and descriptions for each fish species.

PUNGJ Portfolio Website

May 2024 - June 2024

A portfolio website for Pungj, a talented photographer based in Ho Chi Minh City, Vietnam.

Technologies used:

• Frontend: HTML, CSS, JavaScript, Bootstrap, jQuery
• Hosting: Cloudflare Pages

ACS Check-in Project - SAPAA Inspection App

January 2024 - April 2024

SAPAA is a nonprofit society that aims to support and protect Alberta’s government’s areas which are, the Provincial and Wildland Parks, Wilderness Areas, Ecological Reserves, Natural Areas and Provincial Recreation Areas. As such, ACS_Checkin is going to provide an Occupational Health and Safety compliant check_in service to streamline and improve current data-collecting processes. This will be done by submitting a form that will be then configured into a report on these areas. The main clientele for this project will mainly be individuals 60+ years of age who are interested in volunteering and protecting their nearby ecological communities.

CMPUT301F23 Project - Neety App

September 2024 - December 2024

In the Fall 2023 CMPUT 301 course, I worked on a project where my team and I built an Android app for inventory management using Java and Android Studio. The app allows users to record various items, categorize them with tags, capture images using the camera, and perform barcode lookups. We integrated Firebase Storage and Firebase Database for storing item information and images. Additionally, we used the Barcode Lookup API to retrieve product details using barcodes, enhancing the app’s efficiency in managing inventory.

Willow - 2D Game

January 2023 - April 2023

A topdown game produced for UAlberta's Winter 23 CMPUT 250 course. Willow by High Impact Studios (where I am a member of).