3:38 PM: Phoenix, AZ
chris.ware.dev@gmail.comI build semantically structured web applications by thinking outside the div.
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.
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
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
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
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
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
HTML, CSS, JavaScript, Typescript, React, Next.js
Node.js, Express
Mongo DB/Mongoose, Supabase
Strapi, Contentful, Sanity, GraphCMS
Styled-Components, Tailwind, SASS, Bootstrap, Grommet, Ant Design, Material-UI, CSS Modules, Framer Motion, GSAP, Three.JS
Figma, Balsamiq, Photoshop, Illustrator
Terminal/Command Line, Git, Markdown, Postman, GraphQL, JWT, Redux, JSON, REST API's, SEO, Google Analytics, Slack, Zoom,
