Tri Vu

Web
Development
Portfolio

Magic: The Gathering Price Tracker

Magic: The Gathering Price Tracker is a solo Fullstack project. This website allows users to create personal accounts and lists to track the prices of their cards. Each list allows users to keep track of the cards' price.

Technologies and Languages used:

JavaScript, HTML, CSS, TypeScript, PostgreSQL, Express, React, Redux, Node.js, Sequelize

Spam Tracking App

This spam tracking app is a group project. In this Fullstack project, we created a website where users can sign up and sign in to the website to search and report spam phone numbers.

Technologies and Languages used:

JavaScript, HTML, CSS, PostgreSQL, Express, React, Redux, Node.js, Sequelize

Marvel

Marvel is a solo project. In this React / Redux based web app, users can set favorites and search for their favorite characters, comics, creators, events, and series.

Technologies and Languages used:

React, Redux, JavaScript, HTML, CSS, SCSS, Bootstrap

Personal Photography Portfolio

This Photography Portfolio is a solo project. The portfolio uses React as the entire framework and allows the users to go through all the categories of photos, view a page about myself, and the ability to contact me. The site uses Jest for testing.

Technologies and Languages used:

React, JavaScript, Jest, HTML, CSS

Blackjack

Blackjack is a solo project. In this JavaScript based game, the browser-based game consists the basic rules of the game as well as additional strategies.

Technologies and Languages used:

JavaScript, HTML, CSS

Band Page

This band page is a solo project. In this Backend project, a fan website of the band's discography can be viewed. A chat feature and a comment feature are both functional.

Technologies and Languages used:

JavaScript, HTML, CSS, Express, Socket.io, EJS

Where2Watch

Where2Watch is a duo project. In this Frontend project, the duo built a website to display DOM Manipulation with Vanilla JavaScript. Users input a title and the website shows the users which streaming service provides the title.

Technologies and Languages used:

JavaScript, HTML, CSS

Media Recommendations

Media Recommendations is a group project. In this Frontend project, the group built a webpage that allows the users to enter a movie or TV show to receive recommendations.

Website will load, but is no longer 100% functional. One of the API keys no longer works.

Technologies and Languages used:

JavaScript, HTML, CSS

Technologies

The following technologies listed below are the tools I am able to work with:

JavaScript

JavaScript

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.

Java

Java

Java is a high-level, class-based, object-oriented programming language that is designed to have as few implementation dependencies as possible.

Python

Python 3

Python is a high level general-purpose programming language. It uses a multi-paradigm approach, meaning it supports procedural, object-oriented, and some functional programming constructs.

TypeScript

TypeScript

TypeScript is a free and open-source high-level programming language developed by Microsoft that adds static typing with optional type annotations to JavaScript. It is designed for the development of large applications and transpiles to JavaScript.

HTML5

HTML5

The term HTML5 is essentially a buzzword that refers to a set of modern web technologies. This includes the HTML Living Standard, along with JavaScript APIs to enhance storage, multimedia, and hardware access.

CSS3

CSS3

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

Git

Git

Git is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development.

GitHub

GitHub

GitHub, Inc. is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.

Node.js

React

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

Redux

Redux

React Redux is the official React UI bindings layer for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update state.

Node.js

Node.js

Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.

PostgreSQL

PostgreSQL

PostgreSQL, also known as Postgres, is a free and open-source relational database management system emphasizing extensibility and SQL compliance.

Jest

Jest

Jest is a JavaScript testing framework built on top of Jasmine and maintained by Meta. It was designed and built by Christoph Nakazawa with a focus on simplicity and support for large web applications.

Get in touch

Full Stack developer and a graduate of Penn State University with a degree in mathematics. Experienced in both front end and back end web development using tools such as JavaScript, Node.js, React, and SQL. Adept in managing projects, debugging, and collaborating with other developers.