Sample Web Projects

Here you can see various web projects I've made while learning web development and various different web technologies

Tea Commerce preview

Tea Commerce

A fully functioning e-commerce site

  • Ecommerce payments integrated with Stripe
  • React Redux+Sagas for state management with async actions
  • Responsive site made with tailwind and styled components
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default React icon.
Default Node icon.
Default React-Redux icon.
Default React-Router icon.
Default Stripe icon.
Image Recognition preview

Image Recognition

A site to detect faces in images

  • User authentication through nodejs and redis
  • AI Powered facial recognition through Clarifai
  • React for front end framework and state management
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default Docker icon.
Default Node icon.
Default Heroku icon.
Default Postgres icon.
Default Redis icon.
Music Master preview

Music Master

A music sharing site with built-in music player

  • Front end framework and state management with Vue.js and VueX
  • Firebase for user uploads and site data
  • Built in Javascript music player
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default Tailwind icon.
Default Vue icon.
Default Firebase icon.
Default Jest icon.
Ninki preview

Ninki

Explore and listen to Japan's top songs from spotify

  • Spotify API to get top chart data
  • Firebase for user authentication, comments, and persistent song data
  • Responsive front end with Vuejs and tailwindcss
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default Node icon.
Default Vue icon.
Default Firebase icon.
Default Heroku icon.
Restaurant Master preview

Restaurant Master

Find restaurants near you

  • Serverless functions with NextJs
  • Mixture of SSG, ISG, and CSG
  • Fetches restaurant information and images based on users geolocation
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default NextJs icon.
Default Sass icon.
Image Filter preview

Image Filter

Apply various filters to images without a server

  • Web assembly compile from Rust with Webpack
  • Processes images in browser without any uploading or server
  • Responsive without any front-end framework
Default HTML icon.
Default CSS icon.
Default JavaScript icon.
Default Rust icon.
Default Web Assembly icon.