About
Hello! I’m Chris, a passionate Web Developer with a knack for turning ideas into digital experiences. Here’s a glimpse into my journey:
Education and Athletic Pursuits
- I graduated from Brigham Young University with a bachelor’s degree in Exercise Science. During my time at BYU, I also had the privilege of playing on the rugby team, winning three national championships and earning second-team All-American honors.
From Sports to Code
- My path took an unexptected turn when I joined IDS, a software company. There, I was introduced to coding, and I absolutely loved. I was the most exciting part of my job. I realized that web development was my true calling.
Learning and Growth
- I embarked on a self-guided coding journey, doing tutorials, reading documentation, and watching videos. After a few months, I decided to solidify my knowledge by enrolling in Lambda School—a decision that helped me build a solid base in web/software development.
Freelancing and Full-Stack Adventures
- As a freelance developer for Create Room, I honed my craft, building solutions that mattered. Soon after, I joined NewAge as a Full Stack Web Developer. My first project was convergence, where we unified partner company websites and systems into one seamless experience.
Frontend Experience and Global Customization
- At NewAge, I focused on the frontend, creating product pages, shop interfaces, and captivating modals. I also customized the site for different global markets, ensuring a consistent yet culturally relevant user experience.
Ongoing Challenges and Leadership
-
Since the project’s launch, I’ve been maintaining and enhancing both frontend and backend code. Fixing bugs and creating new features. And now, as a Team Lead in Web Development, I review code, collaborate with third-party APIs, mentor fellow developers, and drive innovation across multiple applications.
Let’s Connect!
- Whether you’re a fellow developer, a potential collaborator, or just someone who loves tech, I’m always open to new connections. Shoot me a message—I look forward to hearing from you!
Resume
Below are my skills, work experience, and education. Click here to download my resume.
Skills
- JavaScript
- Node.js
- React
- Redux
- HTML
- CSS
- Python
- PostgreSQL
- SQLite3
- Knex.js
- Vue.js
- Laravel
- PHP
- MongoDB
- Perl
Experience
Team Lead, Web developer
Partner.co, Midvale, Utah (January/2022-current)
- Develop new features, integrate APIs, and fix high-priority bugs in our web applications using Vue, Laravel, Perl, SQL, Angular, Node, and jQuery.
- Manage a team of four other developers by assigning tasks, mentoring, reviewing code, and running Agile meetings.
- Conduct interviews and hire new developers.
Full Stack Web developer
NewAge, Inc., American Fork, Utah (February/2021-January/2022)
- Assisted in the development of the company’s new website, combining multiple companies into a single site serving global markets. Technologies used: Vue, Laravel, SCSS, PHP, JavaScript, HTML, and Perl. newage.com
- Helped create the new enrollment application.
- Maintained both backend and frontend code, ensuring seamless user experiences.
- Assisted with code reviews before deployment.
- Contributed to the Slenderiiz application using Angular, JavaScript, CSS, Node.js, and MongoDB. slenderiiz-challenge.com
- Prepared MongoDB database for the deployment of Slenderiize challenge website.
Freelance Web developer
Create Room (December/2020-November/2021)
- Created a new home page for Spotify website using Javascript, JQuery, CSS, HTML, and liquid. createroom.com
- Connected third party API (Bread) for estimating finance payments.
- Helped implement Vue.js in the /products/dreambox page.
- Moved the codebase to GitHub and helped implement the workflow for deploying to Shopify.
- Helped fix various bugs throughout the site.
Account Manager
IDS (International Document Services), Draper, Utah (April/2017-Present)
- Manage 2 of the top 10 accounts and 3 of the top 25.
- Write custom code for clients to change software functionality or create unique data dynamic documents.
- Helped with the HTML and CSS in the creation of IDS' help center idsdoc.zendesk.com.
Ecommerce Marketing Consultant
Learning Systems, American Fork, Utah (June/2014-March/2017)
- Assisted clients in growing their personal business online through SEO, social media, and other areas of online marketing.
- Taught clients to research and create a marketing plan to ensure a successful PPC marketing campaign.
- Assisted clients in creating an online business through eBay, Amazon, or a personal website.
Marketing Internship
Alta Sol/Brigham Young University (Sept/2015-Dec/2015)
- Created a competitor analysis report for the company Alta Sol to identify strengths and weaknesses in company’s online presence in comparison to competitors.
- Introduced a marketing plan for Alta Sol utilizing online (SEO, social media, PPC campaigns) and other marketing means (specific tradeshows to target, specific areas to target, etc).
- Researched, constructed, and physically mapped out a customer profile for Alta Sol’s typical customer in their areas of operation.
Education
Web Development
Lambda School (April/2019-June/2020)
- Web Fundamentals (HTML, CSS)
- Web Applications (JavaScript, React)
- Web API (Node.js)
- Computer Science (Python, Data Structures)
Bachelors of Science in Exercise Science
Brigham Young University (Sept/2011-Dec/2016)
Projects
Below are some of the recent projects that I've been working on. These projects are meant to showcase different web development/coding skills like design, responsiveness, user friendliness, and problem solving.
Professional Full Stack Project
- Newage.com
- The company website for NewAge. It's a retail site where customers can also sign up to be brand partners to help sell the product. The site supports multiple locales and has an enrollment section for customers to become brand partners.Vue | Laravel | MySQL | Perl | JavaScript | PHP | SCSS.
- Built the product page, shop page, most of the home page, and many corporate pages.
- Help maintain both frontend and backend code and continue to implement new features.
- Createroom.com
- The company website for Create Room. It's a Shopify site for craft supplies and furniture.Vue | JQuery | JavaScript | PHP | SCSS.
- Moved the codebase to GitHub and helped implement the workflow for deploying to Shopify
- Helped implement Vue.js in the /products/dreambox page.
- Integrated third-party API (Bread) for estimating finance payments.
- Redesigned the homepage.
Full Stack Project
- Workout Tracker - GitHub Frontend Link, GitHub Backend Link
- Workout Tracker is a React web application that allowed users to create and track their workouts. React | Redux | Node.js | Postgres | Knex.js | JavaScript | exrx (a third party) API.
- Worked with 3 other developers remotely to build this application that is being picked up by other developers.
- Built the backend with one other developer, implemented the exrx API, and collaborated to build the workout creation functionality on the frontend.
Backend
- Trip Split - Created Backend Database - GitHub Link
- Trip Split is a React application that allows users to split trip costs among themselves. React | Node.js | Postgres | Knex.js | JavaScript.
- Solely created the backend in under a week.
React/Redux
- Anytime Fitness - Created Instructor Login portal and Dashboard - Deployed Login Portal Link, GitHub Link
- Anytime Fitness is a React application that allowed instructors to create classes and for students to sign up for those classes. React | Redux | Node.js | Knex.js | JavaScript.
- Solely Instructor portal in less then a week with CRUD functionality.
CSS/HTML/Javascript
- Landing Page - Deployed Site Link, GitHub Link
- Macro Calculator was an application that would allow users to keep track of their macros. CSS | HTML | JavaScript.
- Built the landing page in under a week.
Computer Science
- Coding Challenge - Visiting every room in a graph - GitHub Link
- Coding challenge to visit every room in a graph at least once in under 2,000 moves. Python | Graph Data Structure
- Finished the challenge in under 1,000 moves.
Contact
You can email me at chris.wernli40@gmail.com or fill out the form below.
Elements
Text
This is bold and this is strong. This is italic and this is emphasized.
This is superscript text and this is subscript text.
This is underlined and this is code: for (;;) { ... }
. Finally, this is a link.
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Blockquote
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
Preformatted
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';
Lists
Unordered
- Dolor pulvinar etiam.
- Sagittis adipiscing.
- Felis enim feugiat.
Alternate
- Dolor pulvinar etiam.
- Sagittis adipiscing.
- Felis enim feugiat.
Ordered
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
- Dolor pulvinar etiam.
- Etiam vel felis lorem.
- Felis enim et feugiat.
Icons
Actions
Table
Default
Name |
Description |
Price |
Item One |
Ante turpis integer aliquet porttitor. |
29.99 |
Item Two |
Vis ac commodo adipiscing arcu aliquet. |
19.99 |
Item Three |
Morbi faucibus arcu accumsan lorem. |
29.99 |
Item Four |
Vitae integer tempus condimentum. |
19.99 |
Item Five |
Ante turpis integer aliquet porttitor. |
29.99 |
|
100.00 |
Alternate
Name |
Description |
Price |
Item One |
Ante turpis integer aliquet porttitor. |
29.99 |
Item Two |
Vis ac commodo adipiscing arcu aliquet. |
19.99 |
Item Three |
Morbi faucibus arcu accumsan lorem. |
29.99 |
Item Four |
Vitae integer tempus condimentum. |
19.99 |
Item Five |
Ante turpis integer aliquet porttitor. |
29.99 |
|
100.00 |