• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

About Tonye Brown

Get to know me in 1 minute

About me

Award winning front end developer and designer for 7+ years. Developing pixel perfect websites and web applications in a variety of industries [fashion, data analytics, gaming, music, education, etc.]

Dedicated to continuously learning, implementing and adopting new web standards and technologies to produce innovative web applications.

Hello

Tonye Brown

TL DR

Great guy! Awesome Front-end Developer. Kickass with UX. User Interface & Graphic designer. And much more.

Scroll down to view my portfolio featuring some of work.

E-mail me here (Scroll down to email me)

Awards & Honors

TONYE's RESUME SUMMARY

Just a sample of my work history & Education

  • February 2020 - Present

    Front End Developer @ Indochino

    Indochino's Ecommerce website and in-house retail applications: Adding new features, UI updates, Building new components, refactoring, improving performance (Lighthouse improvement from high 20's to mid 50's), adding new features and updating existing components, optimizing webpack etc. Debugging performance on multiple devices. Converting ecommerce website from adaptive to fully responsive.



    Technologies and frameworks used – React, Node, HTML5, CSS/SASS, .NET, Webpack, Amplience, Qubit, PHP, Handlebars, JQuery, JIRA, npm, yarn, etc.

  • April 2019 - January 2020

    Software Development Engineer @ Loop Insights Inc.

    Rebuilt Web portal in React (as the only Front end developer on the team). Portal's purpose is to view data visualizations, manage organizations, devices, etc. for users/clients. Was key part of UI/UX design decisions made in portal.


    Key features: User management (add, remove, delete users, reset passwords, etc.), organization management, creating reusable components using atomic design principles, creation of multiple data visualization components, testing components (E2E, unit and integrated tests), debugging cross-browser compatibility issues, digesting various APIs to populate Promotion builder, device management, etc.


    Technologies and frameworks used – React(ES6), Node, HTML5, CSS/SASS, Data visualization (using Chart Js), Serverless, AWS Cognito, AWS Lambda, AWS QuickSight (and other AWS console products), Testing (using Cypress), SQL, Gitlab, JIRA, Zentao, npm, yarn, MapBox, etc.

  • November 2018 - March 2019

    Intermediate Front End Developer @ Appnovation Technologies.

    Website development for various projects. Clients include Tobago Tourism Agency, Blue Cross Blue Shield of North Carolina, and FTSE Russell.


    Duties included developing reusable components based on design mock-up’s and prototypes using fractal (a design system), integrating into Drupal systems, building an interactive Map with React to highlight key tourist destinations and css-grid system bug fixes.


    Technologies used – React, Node, Angular, HTML5, SASS, Twig/handlebars, Fractal.build, SQL, Drupal 8, Lando, Docker, BitBucket, Gitlab, JIRA, etc

  • 2015 - Present

    Front End Developer @ Contractor

    -Creative Front End Development, creative directing, and graphic Design services for startups, small to mid-size businesses, non-profits and entrepreneurs all over the world.


    -Web, print, facebook ads, social media marketing, motion graphics and video editing, etc. -Clients include Kamloops Innovation Centre, Performance Volleyball, 5KCo, #gKIDS music group, Truevined, SNIWWOC, etc.


    Technologies and frameworks used – React, JAMSTACK via Gatsby, Netlify, CSS/SASS, HTML5, Node/npm/yarn, Webpack, JIRA, Data visualization (using Chart Js), Serverless, AWS Cognito, AWS Lambda, AWS QuickSight (and other AWS console products), Testing (using Cypress), SQL, Gitlab, MapBox, WordPress, Drupal, Blogger, PHP, JavaScript and JQuery, graphic design for web & print, motion design (After Effects, Premiere Pro), etc.

  • June 2018 - November 2018

    Web Developer @ BluePrint Reality Inc.

    Website design, development, UI/UX for mixcast.me as well as UI/UX skinning (html, css, animations, etc.) for proprietary products. Built custom React & JavaScript solutions for various use-cases. Website optimization rating increased from E grade to a B grade.


    Technologies and frameworks used – React, Node, HTML5, CSS3, PHP, WordPress, C#, SQL, WooCommerce, MongoDB, Docker, etc.

  • 2011 - 2016

    Thompson Rivers University

    BCs in Computing Science
    Undergraduate Coursework: Advanced Web development; Human Computer Interaction, Ethical Hacking, Software Engineering, Game Design, Operating Systems, Databases, Algorithms, Programming Languages, and more.

Why you want me on your team

Creative Mind.
Building beautiful UI's.
Fun(ny) Team Member.
Life-long learner.
Mentor Padawan developers.
CSS Bugswatter.

Portfolio

Some of my work

My Wedding Website - Front End Development, design, UX, dev-ops, optimization






My fiancé, Michelle and I are getting married. I decided to make this website to celebrate our love. Optimized to the max (Lighthouse score of 90 on desktop, 72 on Mobile), PWA/installable, smooth scrolling parallax goodness. 

A lot of optimization was done to ensure this image heavy website feels light especially on mobile devices.

Be sure to checkout the custom swipeable photo gallery developed in React.

Scroll to the bottom to see the lighthouse reports. 

Check it out: http://www.michelleandtonye.com


Skills Used

React, Gatsby, SASS, framer motion, facebook pixel, webpack, bootstrap, purgecss, etc.
Other skills used: Optimizing website performance using webpack tools, css tools, in-built gatsby components, etc.


Screenshots

Loop Web Portal - Front End Development + UX



Rebuilt Web portal in React (as the only Front end developer on the team).
Portal's purpose is to view data visualizations, manage organizations, devices, etc. for users/clients. Was key part of UI/UX design decisions made in portal.

Key features: User management (add, remove, delete users, reset passwords, etc.), organization management, creating reusable components using atomic design principles, creation of multiple data visualization components, testing components (E2E, unit and integrated tests), debugging cross-browser compatibility issues, digesting various APIs to populate Promotion builder, device management, etc.

Website: https://portal.loopinsights.ai - It is fully responsive and mobile first. It looks great on any device.

Skills & Technologies Used

React(ES6), Node, HTML5, CSS/SASS, Data visualization (using Chart Js), Serverless, AWS Cognito, AWS Lambda, AWS QuickSight (and other AWS console products), Testing (using Cypress), SQL, Gitlab, JIRA, Zentao, npm, yarn, MapBox, CSS animations, React-select, React-dates, etc.

Multi-device Screenshots

Weather App - UI + UX - Front End Development + Design







*** PLEASE NOTE - APP IS UNDER ACTIVE DEVELOPMENT ***

Designed and developed a fully featured weather app to track and manage the weather in multiple cities. Installable PWA, fully responsive and looks amazing on mobile and desktop. App can be upgraded to unlock more features. Polished with CSS animations and swipe gestures. 

Some features of the weather app include:
  • Add multiple cities to track (auto suggestions show as you type)
  • Toggle between Light, Dark and other themes
  • Toggle between Celcius and Fahrenheit for temperature
  • Persisting locations to local storage (until user accounts are possible).
  • Toggle Full screen
  • Add and remove cities
  • Fully responsive
  • Weather videos for different weather types
  • Error handling for adding invalid locations
  • Account creation to keep data between devices

LINK TO WEB APP REMOVED UNTIL IT IS COMMERCIALLY AVAILABLE 

Scroll down to see some screenshots.

Skills & Technologies Used

React, HTML5, SASS, Netlify, UI Design, Bootstrap, Axios, React-Player, Gatsby, GraphQL, Multiple weather API's, CSS animations, UX, etc.


Mobile Screenshots


Truevined - No Sentence - Creative Director, Branding & Graphic Design

Artwork for a collection of singles Truevined released in 2020.

Song: Truevined - No Sentence

The song "No Sentence" is about social injustice. I came up with a concept to use a electro cardiogram device screenshot and replace it's real data with meta data about the song.

Screenshots

Truevined - 100 Percent - Creative Director, Branding & Graphic Design

Artwork for a collection of singles Truevined released in 2020.

Song: Truevined - 💯 Percent ft. Mikeomania #feelingWavey

MixCast PhotoBooth - UI/UX + Front end development

One of the most fun projects I've worked on - I was given full creative freedom to bring the product to life. MixCast VR PhotoBooth looks great on any device in landscape and portrait modes regardless. Scroll down for more screenshots and a video showing the animations. 

Skills Used

HTML, SASS/SCSS, React, UI/UX development, responsive design
Mobile-first design, CSS3 Animations, etc.

Tablet Screenshots

MixCast - Website Development






Website overhaul of MixCast's official website to better represent the brand/product and allow easier updates in the future.

Setup and deployed a staging website to use for testing and delivered a spectacular final product that looks great on desktops and mobile devices.

Truevined - Hang Time - Branding, Graphic Design, Video

Artwork for Truevined's newest track + Music visual

Screenshots


Music Visual

Khalid - OTW (Truevined Remix) - Branding & Graphic Design

Artwork for Truevined's newest single

Screenshots

Calc8 - Scientific Calculator (with Speech Recognition) - Design, Development, UX - Android App


I designed and developed Calc8. Calc8 is a beautiful fully functional scientific calculator (with sine, cosine, etc.) now with Speech Recognition for quick one-touch calculations. This was my first Android App. Has not been updated in a few years.

I'M NO LONGER INTERESTED IN NATIVE ANDROID APP DEVELOPMENT / JAVA. Only Web (React/JavaScript/CSS/Webgl/3D) and design for me now :))

Truevined - UX, Design, Development - Rebrand + Website development

I rebranded and redesigned Truevined from the ground up to be cleaner looking, spaced out  and less cluttered. This was the result.

Skills Used

Software 

Cool Features

Responsive mobile first design
Graphic Design
Logo Design
HTML 5
CSS 3
JQuery
Javascript
SEO
Responsive web development		Adobe Photoshop   
Blogger
Notepad++
Google





Integrated e-commerce platform
JavaScript Music Player
Fully responsive







See it live (www.truevined.com)

Truevined - Ashes & Wind - Album artwork

Album artwork for Truevined's new album - Ashes & Wind

Skills Used

Graphic design, Photoshop, illustrator, etc.

Screenshots

Applications

What I have worked on in the past or currently working on

Calc 8 (Android)

Scientific Calculator with Speech

Weather App (REACT)

Track the weather in multiple locations

Music App (In Progress)

Coming soon

Contact

Get in touch with me

Street Address

Kamloops, BC

Phone number

250-CONTACT-ME-TO-FIND-OUT

Website

www.tonyebrown.com