Projects

Nextjs Tailwind Template

Nextjs Tailwind Template

This is a Next.js, Tailwind CSS starter template intended to be used as a portfolio or personal website. It comes out of the box configured with the latest technologies, tools, and best practices. It's built to be easily configured, customized and extended. It's also fully responsive and mobile friendly.

Learn more →
E-commerce Website with TypeScript, React, Redux and Firebase

E-commerce Website with TypeScript, React, Redux and Firebase

This is a project that I built while learning React and Redux. It is a fully functional e-commerce website that allows users to sign in with their Google account, add items to their cart, and make payments with Stripe. It is built with TypeScript, React, Redux, Firebase, Stripe, and Tailwind.

Learn more →
Is this a banana?

Is this a banana?

Is this a banana? No. Maybe? I don't know. Use this app to find out. I wanted to learn more about machine learning and how to use TensorFlow.js. I explored the TensorFlow.js website and found a pre-trained image classification model called MobileNet. I used this model to classify images of bananas and other objects.

Learn more →
Supa Snacks

Supa Snacks

Supa Snacks is a mini-project to learn Supabase and introduce myself to React-Query. It's a simple app that allows you to add snacks to a list, edit and delete from. Users can also change the order of the snacks in the list. It is built using TypeScript, React, React-Query, Supabase and React Router Dom.

Learn more →
PayByFonie

PayByFonie

PayByFonie is a play on the app PayByPhone, a parking app that allows you to pay for parking via your phone. PayByFonie is a similar app, but allows you to search a destination and view parking meter data near that location. Users can search a location using the MapBox API, view the price and time limit of parking meters near that location, and obtain the PayByPhone meter number to pay for that meter. The app was built using React, and Node.js.

Learn more →
Cthulhu Teaches Typing

Cthulhu Teaches Typing

TCthulhu Teaches Typing is a typing game for learning to type. Our goal was to target the keyboard enthusiast market with a minimal, yet customizable application to track and compare typing statistics. We also wanted to create a fun and engaging typing game that would help users learn to type faster and more accurately.

Learn more →
Jungle - E-Commerce Application

Jungle - E-Commerce Application

A mini e-commerce application built with Rails 6.1. This project was completed as part of the Lighthouse Labs Web Development Bootcamp. Jungle allows visitors to browse products, add them to their cart, and purchase them using Stripe. Admins can add and remove products and categories, and view sales data.

Learn more →
On Your Mental Podcast

On Your Mental Podcast

Website for the On Your Mental Podcast. On Your Mental focuses on mental health and wellness. The website was built using Next.js and Tailwind CSS. The website is hosted on Vercel. Content is updated automatically when new episodes are published using the RSS feed and Youtube API.

Learn more →
TinyApp

TinyApp

TinyApp is a full stack web application built with Node and Express that allows users to shorten long URLs (à la bit.ly). Includes features such as authentication, analytics dashboard, hashed passwords, encrypted cookies. Built with Express and EJS.

Learn more →
lotide

lotide

A library similar to lodash for JavaScript. This project was created and published by me as part of my learnings at Lighthouse Labs. The library provides utilities that are not built into native JavaScript such as 'flatten()' to convert nested arrays into a single array.

Learn more →
jsBooks - Interactive Notes and Code Cells

jsBooks - Interactive Notes and Code Cells

This is an interactive coding environment. You can write Javascript, see it executed, and write comprehensive documentation using markdown.

Learn more →
Youtube Search

Youtube Search

Created a React app to search youtube and return list of popular videos. This app served as an introduction to using Redux and Redux Thunk to manage state.

Learn more →
Bar Chart Generator

Bar Chart Generator

Create bar charts with custom data, labels and colors. Bars can display up to two data fields to produce a stacked bar chart. Created with vanilla HTML, CSS, JS with a touch of jQuery.

Learn more →
CSS Toggle Theme

CSS Toggle Theme

Toggle theme created with pure CSS.

Learn more →
Responsive Icon Navbar

Responsive Icon Navbar

Small amount of JS, icons provided by Font Awesome.

Learn more →
Search NPM Modules

Search NPM Modules

Want to search NPM for a module? Here's a quick and easy example using the NPM Registry API to search NPM modules.

Learn more →
Infinite Scroll

Infinite Scroll

Infinite scroll website with images generated using Unsplash API.

Learn more →
Wavy Website

Wavy Website

Some fun with CSS to create a wavy website.

Learn more →
Dad Quotes

Dad Quotes

Basic use of Dad Quote API.

Learn more →
Node Weather App

Node Weather App

Uses Mapbox for geocoding and Weatherstack for weather forecast.

Learn more →