Work

Dad-Overflow
screenshot of undefined
What is this?

A website for dads to ask and answer questions as well as keep track of dad-related tasks. (group project)

Tech Stack:
  • HTML5
  • CSS3
  • Materialize
  • React.js
  • Node.js
  • Express.js
  • Axios
  • MongoDB
  • Mongoose.js
  • Moment.js
  • Firebase Authentication
Spend Jay Z's Money
screenshot of undefined
What is this?

I wanted to build an app using Vue.js, Vuex, and the Tailwind CSS utility library. So here it is! It's a pretty simple where you can use Jay Z's net worth to purchase and sell the listed items.

Tech Stack:
  • Vue.js
  • Vuex
  • Tailwind CSS
  • Netlify
Fancy Todo App
screenshot of undefined
What is this?

Simple todo app based on frontendmentors designs.

Tech Stack:
  • React
  • Redux
  • Immer
  • PropTypes
  • Styled Components
  • CSS Variables
Landing Page with Accordian
screenshot of undefined
What is this?

Sometimes I get bored and just want to create something. Here's a Landing Page Accordian card from

Tech Stack:
  • HTML
  • CSS
  • Vanilla Javascript
Google books API
screenshot of undefined
What is this?

A web application that queries google books api with the ability to save and delete selections

Tech Stack:
  • HTML5
  • CSS3
  • Materialize
  • React.js
  • Node.js
  • Express.js
  • Axios
  • MongoDB
  • Mongoose.js
Pomodoro
screenshot of undefined
What is this?

Pomodoro App based on frontendmentors designs.

Tech Stack:
  • React
  • Redux
  • Immer.js
  • Styled Components
  • Prop Types
LIRI Bot
screenshot of undefined
What is this?

This Node.js command line app takes in a parameter and returns a response using the following API's: Spotify, Bandsintown, and Open Movie Database.

Tech Stack:
  • Javascript
  • Node.js
  • Axios
  • Dotenv
  • Inquirer.js
  • Moment.js
  • Bandsintown API
  • Spotify API
  • OMDb API
Twitter API Typeahead
screenshot of undefined
What is this?

This is my implementation of a typeahead component that fetches users using Twitter's API. I used React on the front end and my UI is inspired by Twitter's current design for their typeahead service. The backend is a simple express app that I hosted as a serverless Netlify lambda function. The code for the backend can be found

Tech Stack:
  • React
  • Netlify
  • Context API
  • Lambda function
  • Express
  • SCSS
  • React Testing Library

Projects

Dad-Overflow

What is this ?

A website for dads to ask and answer questions as well as keep track of dad-related tasks. (group project)

Tech Stack:

  • HTML5
  • CSS3
  • Materialize
  • React.js
  • Node.js
  • Express.js
  • Axios
  • MongoDB
  • Mongoose.js
  • Moment.js
  • Firebase Authentication