3:38 PM: Phoenix, AZ

chris.ware.dev@gmail.com

Hello There. My Name is Chris.

I build semantically structured web applications by thinking outside the div.

div
div
div
div
div
div
About
About
About
About
About
About

01.
I build web applications with Next JS and React.

Because of my background in design, and finance, I understand the aesthetic and business side to any project. While websites have to make good impressions on their visitors, they should also motivate them to action.

02.
Projects & Details

Johnnie Walker E-Commerce

Johinne Walks is an e-commerce store, inspired by the current Johnnie Walker website. It showcases the different labels that Johnnie Walker currently has to offer, including the popular Blue, Red, and Green labels.

Front End: React/Next.js

Back End: Node.js, Express, MongoDB

NPM Dependencies: axios, bcrypt, cloudinary, js-cookie, mongoose, next-auth, react-hook-form, react-toastify

Styling: CSS Modules

preview

Taco Bell Redesign

This website is a redesign of Taco Bell's web page. I wanted the main focus on the site to be the menu so that it is able to be filtered to show breakfast, lunch, and all items on the menu at the same time. The Site is mobile responsive, and received high scores on Google's Page Speed Insights.

Front End: React/Next.js

Back End: Contentful Headless CMS

NPM Dependencies: contentful, react-icons

Styling: CSS Modules

preview

Telements

The Periodic Table of Telements (television + elements = 'tele'ments) is a reference chart showing the most up to date movie data from each major streaming platform. It is organized so that you can quickly get information on individual telements such as their title, a brief overview, the movie runtime, its' release date, and the average viewer rating.

Front End: React/Next.js

Back End: TMDB API

NPM Dependencies: react-icons

Styling: CSS Modules

preview

Fonts & Footers

This website is for a digital marketing agency in Phoenix, AZ called Fonts & Footers. The purpose of this site is to introduce themselves to the Phoenix area as the go to source for all things web related.

Front End: React/Next.js

Back End: Node.js for contact form functionality

NPM Dependencies: email.js, nodemailer, react-icons

Styling: CSS Modules

preview

48 Laws of Power

This project is made with Next.Js and Markdown with MDX. The purpose of this site is to show all 48 laws with details for how to apply each law in your personal life. The Images are stored on Cloudinary, and are being imported statically.

Front End: React/Next.js

Back End: Node.js to access File System - fs

NPM Dependencies: gray-matter, next-mdx-remote, rehype-autolink-headings, rehype-code-titles, rehype-slug

Styling: CSS Modules

preview
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills
Skills

03.
Skills & Technologies

Front End

HTML, CSS, JavaScript, Typescript, React, Next.js

Back End

Node.js, Express

Databases

Mongo DB/Mongoose, Supabase

Headless CMS

Strapi, Contentful, Sanity, GraphCMS

Style/Animation Libraries

Styled-Components, Tailwind, SASS, Bootstrap, Grommet, Ant Design, Material-UI, CSS Modules, Framer Motion, GSAP, Three.JS

Design Tools

Figma, Balsamiq, Photoshop, Illustrator

Miscellaneous

Terminal/Command Line, Git, Markdown, Postman, GraphQL, JWT, Redux, JSON, REST API's, SEO, Google Analytics, Slack, Zoom,