Projects

Netflix Clone

A functional Netflix clone site. Created with React and Firebase. Utilizes styled components.

Site includes:

  • Netflix's home page
  • A sign-up page that allows you to create an account with a username and password through Firebase
  • A sign-in page that only allows you sign in with a correct username and password
  • A browse page that incudes a dynamic search bar, a movies page, a TV shows page, and a video player

NBA Stats Visualization

A site that allows you to select from all NBA players and quickly get a visual comparison of trends in any stat over their careers.

Built using React and data from two NBA API's.

Site includes:

  • All major stats from any season of any current NBA player easily accessible in 3 clicks (Team => Player => Season)
  • A customizable graphing tool to visually display any stats
  • The ability to compare players' stats by selecting up to three players at once
  • Dark mode

ECommerce Store

Powered by React. Uses ECommerceJS on the back-end, Stripe to handle payments, and Material-UI with most of the styling.

This site stores, manages, and processes large amounts of data coming from each product, the cart, the shipping information, and the payment information.

On the site, customers can:

  • Add and remove items from their cart
  • Checkout with valid shipping and payment information
  • Receive a verification email after checkout

Instagram Clone App

Powered by React Native and Expo. Utilizes Redux and Firebase.

Users can:

  • Create new accounts
  • Sign in and out using existing accounts
  • Use phone camera in the app or access phone's camera roll to post pictures with captions
  • Search for other users to see their posts
  • Follow other users
  • Scroll through the feed containing posts from followed users
  • Like and comment on posts in the feed
  • View post comments

Chat App

A web app where users can join groups and send messages to each other.

Powered by React and Chat Engine.

Site includes:

  • A sign-in page, allowing only existing users to access the site
  • A chat section for sending and receiving text and image messages to other users
  • A section on the left for creating new chat rooms and navigating between rooms
  • A section on the right for adding users to rooms

ZapsCode (This Website)

Powered by Gatsby/React. Uses Sanity on the back-end. Utilizes Styled Components.

Site includes:

  • Fully responsive web design for desktop, tablet, and mobile
  • Algorithm guides with code snippets
  • Projects with live sites, open source code, demos, and descriptions
  • A video player (for project demos)
  • Dark mode