About

This is a project of my Side Project Series, listed below.

• Meal Delivery App

  A semi-commercial meal-delivery app for demonstrations.

• React Native Meal Delivery App

  The mobile version of the Meal Delivery App, a semi-commercial meal-delivery app for demonstrations.

• Appointment Scheduler

  An appointment scheduler app built with next.js for demonstrations.

• React Native Appointment Scheduler

  The mobile version of the Appointment Scheduler Web App, which is an appointment scheduler app built with next.js for demonstrations.

• Hackernews Clone Site with GraphQL

  A Hackernews clone site built with next.js implementing GraphQL APIs and Firebase Cloud Firestore to substitute GraphQL subscriptions.

• Hackernews Clone Mobile App

  A mobile app built with react native implementing GraphQL APIs, which can be considered as the mobile version of Hackernews Clone Site with GraphQL.

• Hackernews Clone Site with GraphQL (includes GraphQL subscriptions)

  A Hackernews clone site built with next.js implementing GraphQL APIs, for which Apollo Client is adopted in the frontend and GraphQL Yoga in the backend server. Full functionality of the GraphQL server, including queries, mutations, and subscriptions, is implemented in this app.

• Web Scraping Demonstrations

  This is a next.js framework site to demonstrate web scraping cases and my expertise in web scraping.

• Web Scraping Demonstrations – Mobile Version

  This mobile app is considered the mobile version of Web Scraping Demonstrations to demonstrate web scraping cases and my expertise in web scraping.

• Firebase Authentication

  An authentication system with Firebase using a signed and encrypted cookie to store session data.

• React Native Firebase Authentication

  A react native(mobile) authentication system with Firebase using an encrypted storage to store session data.

• Firebase Email Passwordless Link Authentication

  An authentication system with Firebase Email Passwordless Link using a signed and encrypted cookie to store session data.

• React Native Firebase Passwordless Authentication

  A react native(mobile) authentication system with Firebase Email Passwordless Link using an encrypted storage to store session data.

• Chat Applications with Cloud Firestore

  A real-time chat application with Next.js using Firebase Cloud FireStore.

• React Native Chat Applications with Cloud Firestore

  A react native(mobile) version of Chat Applications with Cloud Firestore, a real-time chat application with Firebase Cloud FireStore.

• Chat Applications with Firebase Cloud Messaging

  A real-time chat application with Next.js using Firebase Cloud Messaging.

• Chat Applications with Socket.IO

  A real-time chat application built with Next.js using Socket.IO for demonstrations.

• RealTime Stock Quote Demonstrations

  A demonstration to leverage the browser EventSource API to build a real-time React application.

• Build Applications from Website to Mobile - A Sample Server-Rendered Website with Node.js

  A Brief Introduction of John Chen, a full-stack software developer. This site illustrates the side projects of John Chen for publicity to show up his technical capabilities and interests.

• Build Applications from Website to Mobile - Mobile Version of A Sample Server-Rendered Website with Node.js

  The mobile version of the “Build Applications from Website to Mobile - A Sample Server-Rendered Website with Node.js”

• React Markdown Editor

  A Markdown editor app with React.js built to facilitate editing Markdown documents.

• React Native Markdown Editor

  React native(mobile) version of React Markdown Editor.

• React App Demo

  Demonstrate an app using fundamentals of React including simple and class components, state, props, and submitting form data to add new data or update existing records.

• React App Demo - Mobile Version

  Mobile version of React App Demo.