Bibo's WebDev Portfolio

01.

Netflix Clone

A Netflix Clone site built using Next.js with magic.js login feature. Using Hasura GraphQL Engine to query users and video data from Postgres DB.

next.jsreact.jsHasura GraphQLPostgres DBMagic Authenticationyoutube API

02.

Changyachun's Personal Website

It's a personal portfolio site I built and deployed for a folk singer, with elegant design and subtle animation.

REACT.JSANIMATION ON SCROLLJAVASCRIPThtmlcss

03.

Full Stack Web Application

It's a real world tour application built from start to finish including feature-rich RESTful API (filters, sorts, pagination, and much more) using CRUD operations with MongoDB and Mongoose in the backend and the server-side rendered frontend. The users can log in or register accounts, and even complete the checkout process with Stripe. The admin can create, delete new tours and send mail to users via SendGrid.

node.jsexpressmongo dbpugstripemvc structuremap boxRESTful API

04.

React e-commerce website

It's a React.js E-commerce website with SPA dynamic shopping cart function. I practiced two way to way to achieve this including Redux and Context API. I also implement google authenticator to log in users, and leverage Cloud Firestore to store users and products data.

react.jsscssfirestoregoogle authcontext apiredux

05.

Forkify recipes project

This is a cookbook application that contains recipes for multiple different foods within categories. The users will then select the food they like and the recipe view will be shown with much more details. Based on the original project by Jonas Schmedtmann's The Complete JavaScript Course on Udemy.

javascripthtmlcssFetch API

06.

HTML CSS Branding Website

This is the first complete brand landing page I built alone with the bestselling HTML and CSS course on Udemy which is created by Jonas Schmedtmann, using pure HTML, CSS and a little jQuery.