Skip to content
View pingpongdoctor's full-sized avatar
🎯
Focusing
🎯
Focusing
Block or Report

Block or report pingpongdoctor

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
pingpongdoctor/README.md

Hi πŸ‘‹, I'm Simon

Full-stack developer who codes and fixes bugs as same as a doctor treats patients dedicatedly

Languages and Tools:

nextjs react typescript javascript python redux html5 css3 tailwind sass nodejs express mongodb postgresql mysql graphql postman git heroku figma jest chartjs redis

My projects

GLowy Lab

Deployment link

GitHub Repo

Discover unparalleled quality and convenience at our Canadian E-commerce hub, where we curate and offer the finest selection of products.

Tech Stack Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • React Context API
  • Sanity- a modern Headless CMS that helps manage heavy content
  • Headless UI, Tailwind UI, Flowbite UI, Material-Tailwind UI and Aceternity UI
  • Heroicons
  • Husky
  • Lint-staged

Tech Stack Backend

  • Auth0 - an IAM provider that facilitates OAuth 2.0 and Open ID Connect integration
  • PostgreSQL database (hosted on Supabase)
  • Prisma - ORM
  • Ngrok - a reverse proxy that creates a secured tunnel between the local server and the internet, facilitating web hook testing
  • Sendgrid API - a SMTP provider
  • Stripe SDK - implement online payment
  • Upstash SDK - severless platform that helps manage Redis database in serverless environment
  • Pusher SDK - create bi-directional and realtime communication between servers and clients
  • REST API

Testing Libraries

  • Jest
  • React Testing Library
  • Mswjs - Mocking API Library
  • Storybook

Build Your Diet

Deployment link

Frontend | Backend

This project is about building a website to help users designing their own diets quickly and effortlessly. Users can calculate their suitable macronutrient ratios and diversify their dishes by refering to the recipe library. All pages are responsive in different breakpoints such as mobile, tablet and desktop breakpoints.

Tech Stack Frontend

  • React
  • React-slick - React slick is a carousel component built with React. The homepage has an image carousel that is built by using this library.
  • ChartJS
  • Fitness Calculator Library
  • Cloudinary
  • Sha256
  • Material-UI

Tech Stack Backend

  • JWT
  • Node
  • Express
  • REST API
  • MySQL
  • KnexJS
  • Bcrypt

Simon Portfolio

Deployment link

Frontend | Backend

Simon Portfolio project is a MERN application that helps you know more about me, take a look at my projects and contact me easily. All pages are responsive in different breakpoints such as mobile, tablet and desktop breakpoints.

Tech Stack Frontend

  • React
  • AOS
  • React Type Animation
  • MUI Material
  • EmailJS

Tech Stack Backend

  • Node
  • Express
  • MongoDB
  • Mongoose
  • REST API

Love Your Pets

Deployment link

Frontend

Manage pet ownership and facilitate searches for nearby veterinary health centers.

I gained valuable experience working with Redux and Redux Toolkit, react-google-map, browser's local storage, as well as the Google Maps API and its libraries. I utilized components, props, and methods to render maps, implement location searches, and display detailed information and directions for nearby places.

Tech Stack Frontend

  • React
  • Redux
  • React-Redux
  • Redux Toolkit
  • Google Map API
  • React-google-maps/api
  • HTML5 Geolocation API
  • React-spinners-kit
  • React-player
  • React-icons

BrainFlix

Deployment link

Frontend | Backend

This project is about building a website that provides a video streaming platform that allows video sharing, video commenting, and placeholder video posting.

Tech Stack Frontend

  • React
  • React Router Dom
  • SASS
  • BEM

Tech Stack Backend

  • Node
  • Express
  • REST API
  • Multer

BandSite

Deployment link

Frontend

This project is about building a website with the topic of up-and-coming music bands. The website is beautifully designed and responsive on multiple breakpoints.

Tech Stack Frontend

  • JavaScript
  • CSS
  • HTML
  • REST API

Pinned

  1. capstone-frontend capstone-frontend Public

    capstone-frontend

    JavaScript 1

  2. capstone-backend capstone-backend Public

    capstone-backend

    JavaScript 1

  3. profile-frontend profile-frontend Public

    JavaScript

  4. profile-backend profile-backend Public

    JavaScript

  5. pets-redux-app pets-redux-app Public

    JavaScript 1

  6. BrainFlix BrainFlix Public

    JavaScript 1