Junior Web Developer & Data Analyst
profile picture

Hi, I'm John

University of Maryland 2020-2024

Major: Bachelors in Information Science

/Grid/b1.svg
I prioritize client collaboration, fostering open communication
I'm very flexible with time zone communications
I constantly try to improve
My tech stack
React.jsNext.jsTypeScript
MongoDbExpressTailwindCSS
/Grid/grid.svg
/Grid/b4.svg
Tech enthusiast with a passion for development.
/Grid/b5.svg
/Grid/grid.svg
Currently
Expanding my web-dev knowledge and skills.
Do you want to start a project together?

Spoken Languages

Mandarin Chinese

English

Full-Stack  

Project

Spotify-Clone image

Spotify-Clone

Tech

Next.JS | React | Tailwind CSS | Stripe | Supabase | PostgreSQL | Vercel

Description

A full-stack music streaming application that replicates core features of Spotify, including subscription-based services for seamless user experience.

Link
Netflix-Clone image

Netflix-Clone

Tech

Next.JS | React | Tailwind CSS | Prisma | MongoDB | Vercel

Description

A fully functional streaming platform inspired by Netflix, featuring authentication, personalized content, and media playback.

Link
OnlineShop image

OnlineShop

Tech

Vanilla JavaScript/CSS/HTML | Node.js | MongoDB | Stripe | Express.js

Description

An e-commerce site with admin access, product listings, and order tracking. Built with MVC architecture.

Link

React-Native Projects

Uber-Clone

Tech

React-Native | Expo | NativeWind | Stripe | PostgreSQL | Clerk | Google-Api

Description

A full-stack React Native application that mimic the main features of uber. Users of this app can register an account stored in NeonDB(PostgreSQL) and login with code email code verification implemented with cleck-expo or Google OAuth. Key features include live location sharing using the Google Directions API, interactive map using Google Maps APi and React-maps, dynamic price calculation based on distance and time, and secure payment processing with Stripe.

Video-Sharing-App

Tech

React-Native | Expo | NativeWind | Appwrite

Description

A full-stack video-sharing platform designed to provide an engaging and user-friendly experience. The application includes essential features such as video uploads, allowing users to share their content easily. It also supports a pull-to-refresh functionality for seamless content updates, ensuring users stay up-to-date with the latest videos. The platform incorporates a robust search system, enabling users to discover content quickly and efficiently. Additionally, it offers a authentication system for sign-up and login.

My Web Designs

Donut&Coffee
Grocery

Experiences.

Working Knowledge

Basic Fundamental Understanding

Blender 3D Modeling
MySQL
GitHub
Tableau
Postman/API
VSCODE
Python/Java
UI/Figma
Stripe Payment
Sentry
Pandas
Data Analysis and Visualization
Express
SEO
Cybersecurity
Procreate