A mix of projects past and present.
Partial clone of Robinhood’s desktop app. Made with Vue 3 (including Vuex and Vue Router), Firebase Cloud Firestore, Firebase Authentication, and Tailwind CSS. Allows you to search for stocks, view an intraday price chart, and view stock news and company info. You can also add lists (title and emoji), edit lists, delete lists, and add stocks to existing lists.
Stock chart made with Chart.js and emoji picker made with Emoji Button npm package. Also features dark mode toggle button. Stock data retrieved using a Google Cloud Function and the IEX Cloud API. Shows random stock on dashboard home. Sign up to view dashboard (real e-mail address not required).
Made as part of a Udemy course. Uses React Hooks (useState, useEffect, useContext, useRef), Immer (useImmer, useImmerReducer), and React Router. Features client-side form validation. User can log in, sign out, chat, follow other users, and create and edit posts. Netlify front end and Heroku backend.
Design library featuring multiple page designs. Made with Tailwind CSS, PostCSS, CSS Grid, CSS animations & transitions.
Dependencies include CountUp.js, lightSlider, and lightGallery. Built in WordPress; templates developed using HTML, Tailwind CSS, PHP, and the Advanced Custom Fields plugin.
A WordPress theme that I built in my free time to improve my skills and get more accustomed to the platform. Includes use of page templates, CSS Animations, form validation using the jQuery Validation plugin, a cookie banner, and a custom CSS modal. Also uses Advanced Custom Fields.
E-mails made for a client with an e-commerce site running on the Pinnacle Cart CMS. The client wanted an update to the standard Pinnacle Cart e-mail templates (e.g., password change e-mails, order shipped alerts, etc.) Developed with MJML and set up to pull in values from Pinnacle Cart.
Animated image download buttons, color palette cards, image galleries (lightGallery), image sliders and gallery sliders (lightSlider), image download grids, and headshot gallery. CSS Grid, CSS Animations, scroll effects.
Allows anyone in the company to download useful graphics, get brand color information, etc.
Lead developer on this 100+ page WordPress site. Created a component/template library using Advanced Custom Fields Blocks and Tailwind CSS, which allows anybody on the team to create pages using the block editor in WordPress. Previously responsible for regular maintenance and updates.
A WordPress theme that I started working on, but never finished. It’s just a home page for now. Features some interesting hover effects and an interesting mobile nav. Mostly, this small project provided me a chance to test out using Advanced Custom Fields Blocks in the WordPress Block editor.