Full-stack Developer

• Aug 2023 - Present

Fashion Alley

• Dec 2022 - Feb 2023

A women's clothing e-commerce Progressive Web Application (PWA) made using Next.js for front-end and back-end (serverless functions) coupled with a PostgreSQL database deployed on Vercel and Amazon Web Services Relational Database Service (AWS RDS), respectively. The API for products is made from scratch without the use of any third-party e-commerce product API. Deployment: - Front-end and back-end: Vercel - Database: AWS RDS Features: - Authentication using Iron-session - PostgreSQL Full-text Search with weight and rank utilizing Materialized View - Stripe Checkout, Invoice, and Customer API for checkout, payment, and order history - Progressive Web Application using next-pwa - Front-end and Back-end form validations for register and sign in - Incremental Static Site Generation for product pages - Static-site Generation for category and catalog pages - Server-side Rendering for user-related pages - Client-side Rendering for form submissions Tech Stack: JavaScript, Next.js, Stripe, PostgreSQL GitHub Link: https://github.com/jojo-138/fashion_alley-nextjs-ecommerce Show less

Mangahub

• Oct 2022 - Oct 2022

A manga website where you can read manga from six (6) top-notch scanlation groups! This website is made with Vanilla JavaScript to learn and understand that using NPM packages is not always the answer when simple JavaScript and some problem-solving can do the trick. Don't be too reliant on dependencies! Deployment: - Front-end: GitHub Pages - Back-end: Heroku - Database: AWS RDS Features: - Register / Sign in / Sign out - View manga information and chapter lists - Read manga chapters - Follow / Unfollow mangas and view in Profile page Tech Stack: Vanilla JavaScript, Node.js, Express, MySQL GitHub Links: - Front-end: https://github.com/jojo-138/mangahub - Back-end: https://github.com/jojo-138/mangahub-server Show less

Umami

• Jun 2022 - Jun 2022

A recipe website using Spoonacular API, React, and Express. The project set-up is built from scratch without Create React App to understand how React works behind the scenes and to be familiarized with Babel, Webpack, and ESLint / Prettier configurations. Testing using React Testing Library, Jest, and Mock Service Worker (msw) recently added.Deployment: GitHub PagesFeatures: - Browse, search, and view recipes - Browse and view American, Italian, Chinese, and Thai cuisinesTech Stack: JavaScript, React, styled-components, Jest, React Testing Library, Mock Service WorkerGitHub Link: https://github.com/jojo-138/umami Show less

Robofriends

• May 2022 - May 2022

A project which shows a list of robofriends using fake users from JSONPlaceholder API to learn React Hooks, Redux, unit testing, PWA manifest and service worker.Deployment: GitHub PagesFeatures: - Search by robofriends' nameTech Stack: TypeScript, React, JestGitHub Link: https://github.com/jojo-138/robofriends

Smartbrain

• Apr 2022 - Apr 2022

An app which detects human faces in an image using Clarifai Face Detection API.Deployment: Heroku for all front-end, back-end, and databaseFeatures: - Register/sign in/sign out user - Detect human faces in an image by providing image URL - View how many detection had been made from user accountTech stack: JavaScript, React, Node.js, Express, PostgreSQLGitHub Links: - Front-end: https://github.com/jojo-138/smartbrain - Back-end: https://github.com/jojo-138/smartbrain-api Show less

Gradient Background Generator

• Mar 2022 - Mar 2022

A background generator where you can select two different colors or at random and decide if these two colors are what you are looking for as a gradient background for your website!Deployment: GitHub PagesFeatures: - Select two colors - Two random color pickers - Shows CSS liner-gradient code with the two current colorsTech Stack: Vanilla JavaScriptGitHub Link: https://github.com/jojo-138/Gradient-Background-Generator

Senior Laboratory Technician

• Apr 2021 - Jan 2022

Environmental Technician

• Mar 2020 - Apr 2021