Frontend ReactJS Developer

August 2019 — Current

Angry Ramen is a modern restaurant with a tech-savvy demographic.

Applied mobile-first design to develop a React SPA for optimizing customer experience using HTML5, CSS3, Javascript, NextJS, PropTypes, and Styled Components.
Iterated using Git and Heroku for continuous development based on growing business needs.
Designed Styled Components for responsive, reusable, and dynamic UI using CSS3 Flexbox and Grid.
Developed a responsive navigation bar for different site widths featuring a mobile accordion design.
Created data models with JSON for purchasable items.
Designed responsive CSS templates using URL Parameters to query data taxonomies and single page items.
Designed embedded Yelp Reviews to increase information accessibility for single page items.
Developed a viewport visibility detection library to display CSS animations for a dynamic UI experience.
Designed a Hero section with a clickable address CTA link routing conditionally to Google or Apple Maps.
Implemented a custom Google Maps interface with animated location marker using GoogleMapReact.
Implemented QR codes on the Order Menu and Welcome Sign to close the loop between the in-person and online experiences.
Designed a Quick Action Button to improve mobile user experience with high-value CTA links.
Designed social media icon links enabling users to quickly follow brand accounts.
Implemented Google Analytics to track user traffic and behavior.

Full Stack ReactJS Developer

July 2019 — Current

Transcend Volleyball is a Bay Area sports organization that provides coaching and private lessons.

Developed and designed a React SPA frontend app with HTML5, CSS3, Javascript, NextJS, PropTypes, Styled Components, Apollo Client and GraphQL for displaying business information and allow clients to book private lessons based on availability.

Designed Styled Components with render props for responsive, reusable, and dynamic UI using CSS3 Flexbox and Grid.
Designed a video hero section with a business booking CTA.
Designed responsive components using URL Parameters to query data taxonomies single page users.
Developed interfaces to manage site settings, user permissions, and coach profiles.
Designed social media icon links enabling users to quickly follow brand accounts.
Developed sign in/up/out user functions and interfaces.

Deployed a Prisma database interface and a MySQL database on DigitalOcean in a Docker container.
Developed and deployed a GraphQL Yoga server to implement query and mutation resolvers.
Developed custom server side logic performing JWT Authentication and checking permissionfor user management.
Developed a GraphQL API to perform CRUD functionality for user, schedule, settings, and experience data models.
Implemented email sending with a SMTP Server on mailtrap.io.
Implemented image hosting and management for user image data with Cloudinary.

I'm a Full Stack Web Developer making exciting apps. I create practical products as a freelance developer, graphic designer, and entrepreneur.

Your own custom business website built on React and/or Wordpress

Your own custom wedding website for your special day

Original graphic layouts and artwork for business

In person photobooth with live photo prints and props

contact@harrisontran.com

Angry Ramen

Transcend Volleyball