Jean
Wang
Web Developer
Ann Arbor, MI
jean@nehemiah9design.com
Skills to show:
React JS
TailwindCSS
Webpack 5
NodeJS
MongoDB
ExpressJS
Google Cloud Storage
Headless WordPress Setup
Docker
Personal Projects
--All Github repos here are public, feel free to click into the repo to take a look
Quizzical React Project
This is a solo project I completed from a react course last week, the mockup was provided in figma, every time user clicks "Start quiz", the app will go to Open Trivia Database using the API to fetch 5 Computer Science Questions and display them, and after user anwsers them the app will correct them and show the result, it does not use routers, it displays different content depense on the state variables
Landing Page using react
This is a react project, a landing page I made two months ago base on a free Frontend Mentor chanllenge, using TailwindCSS, bundle with WebPack, added react-owl-carousel to implement the Testimonial section
Order Food App with Nodejs, ExpressJs, MongoDB and EJS template engine
This is an updated personal MVC project I have been making when I don't have client work, originally based on an Udemy course. I am currently working on seperating the authentication from customer and admin, and I want to change the views from EJS template to React. You can signup and login, I provided a default login user as well. Please feel free to login and take a look, you can add, edit and delete product. You can also sign up for new user, I am using sendGrid to send welcome emails for signup function. All the data is store at MongoDB database on MongoDB the cloud database, the app is hosting on Digital Ocean, I set up the nginx as the Reverse Proxy on my Droplet, so it can serve multiple sites. And the product images are uploaded to my Google Cloud Storage using the 'multer' and '@google-cloud/storage' package and the json key file when added a new product, and the image will be deleted from GCS when the product is deleted. The Google Cloud Storage related code is in helper.js file under utils folder
Shopping Cart Project with Nodejs, ExpressJs, MongoDB and handlebars.js template engine
A online-shopping website I made in 2016 when taking a WCC course, I updated it, switch the database connection from local MongoDB to cloud MongoDB, and host it on Digital Ocean, the same sever as the project above ☝
Meme Generator
This is a page that will display a meme image by fetch it from Imgflip API, the user can type in top line and bottom line which will appear on the meme image automatically
React static page with tailwindcss
This is a react static page I made follow the instruction on scrimba course which later I added the light/dark mode switch
Journal page using react and source data from WordPress
This is a react static page that source each journal record from my headless WordPress site which uses a headless blank theme, in the wordpress site I set up a custom post type call records, in react I use '@apollo/client' and graphql to fetch the record details from WordPress site and display them
Online course page using react and source data from WordPress
This is a react static page that source the online courses info from headless WordPress site, same setup as the project above ☝
Tenzies game with react
This is an interative tenzie game I build two weeks ago, I used tailwindCSS and put dice pictures on interface instead of just display numbers
WordPress Local Development set up with Docker
This is for setting up a WordPress Local Development with docker containers: with Nginx + Mariadb in Docker, refer to the yaml file you can see that the docker-compose file sets up five containers: MySQL, WordPress, PHP-MyAdmin, MailHog and NGINX. More details please refer to my Github README file.
Custom build docker image for wordpress and google cloud sql proxy, running in the same container
This is a dockerized WordPress setup that connects to the Google Cloud SQL database remotely. More details please refer to my Github README file.