Ingredients

[this is not designed for anyone but curious developer to read]

  • Libraries:

    nextjs (v14) ● clsx ● tailwindcss ● typescript ● prettier ● postcss ● autoprefixer ● mongoose - for connecting db, modeling schema ● dotenv - for reading environment variables ● ts-node - for exec typescript seeder ● svgr - for import svg as react component ● framer motion - animation library

  • Database:

    mongoDB - remarks: if you are depolying project to vercel, please use MongoDB Atlas integration. Also, make sure no MONGODB_URI is added to vercel before installing this integration. Otherwise, the installation will be failed.

  • Host:

    vercel

old site

https://richardtsang.pages.devscreenshot of the old site

This is the old version of my portfolio site made with vite, sass(scss), react & react-router-dom