Vincent Yan

Front-End Developer

About me

profile-img

Hello! I am a front-end developer residing in Portland, OR. I am also an active participant of Free Code Camp. I love learning new technologies that allow me to build bigger and more complex web apps.

In my spare time, I love playing video games, reading, finding new local places to eat at and now I am learning how to cook.

SkillSet

HTML CSS JavaScript
React SASS NodeJS

My toolset goes beyond the basic front-end trinity of HTML, CSS and JavaScript. I also use frameworks and libraries such as Bootstrap, Sass and React.js in my workflow. Currently, I am delving into the back-end using Node.js, MongoDB and Express.js to be more versatile as a developer. I always strive to create web experiences that are not just functional but also look good across all devices.

Projects

davine-img

DaVine Counseling Page

A landing page I built for DaVine Counseling Services LLC, a private counseling practice service based in Hawaii.

  • HTML
  • CSS
  • JavaScript
  • React

davine-img

Audiophile Ecommerce Site

A ecommerce app that uses Redux Toolkit for state management. Built using React, React Router, Local Storage, Flexbox and SCSS.

  • HTML
  • CSS
  • JavaScript
  • React
  • SCSS
  • Redux

recipe-img

Kanban Task Manager

Built using React, Redux-Toolkit and SCSS. A CRUD operation app which you can manage tasks by creating, editing and deleting them.

  • HTML
  • CSS
  • JavaScript
  • React
  • SCSS
  • Redux

blog-img

Blog Site

A fullstack MERN app with CRUD operations where the user can read, write, update and delete posts.

  • HTML
  • CSS
  • React
  • Node.js
  • Express
  • MongoDB

memory-img

Multiplayer Memory Game

Memory game in which can be played alone against the clock or compete against up to 3 other players for the best score.

  • HTML
  • CSS
  • JavaScript

countries-img

React Countries API App

A React SPA for searching info for any country from the REST Countries API.

  • HTML
  • CSS
  • JavaScript
  • React
  • API

url-shortener-img

URL Shortener API

A landing page using responsive design and can shorten URLs using the shrtcode API.

  • HTML
  • CSS
  • JavaScript
  • API

Contact Me

Want to connect? Send me an email!


- or -

Follow me on social media!