New version of my postfolio website, this time with gsap for animations

  • By Alissa Nguyen
  • Last update: Dec 24, 2022
  • Comments: 2

Alissa Nguyen's Website


This is my personal portfolio website and also is where I publish my writings.

Homepage's preview Blog's preview



  • Mainly built with Remix, React, and TailwindCSS
  • React Intersection Observer for animation when in frame
  • useTypewriter Hook - NPM Package published by me.


  • Deployment through Vercel

Domain Management

  • Cloudflare
  • Namecheap
  • Netlify

Content Management System (CMS)

  • Contentful

UI & Animation Libraries

  • Reach
  • AnimeJS
  • Framer Motion


  • Sendgrid - for automatic email
  • Error Stack Parser - for tracking error in development
  • Prism React Renderer - for code snippets
  • Hero Icons and React Icons - for svg/png icons


My website was primarily inspired from Kent C. Dodds.



  • 1

    add `eslint, prettier, husky` and follow `conventional commits`


    • Stop Writing Bad Commit Messages
    • Improve Code Quality


    • Find and fix problems in your JavaScript code And more »

    What is Prettier?

    • An opinionated code formatter
    • Supports many languages
    • Integrates with most editors
    • Has few options


    • You press save and code is formatted
    • No need to discuss style in code review
    • Saves you time and energy And more »

    Husky improves your commits and more 🐶 woof!

    • You can use it to lint your commit messages, run tests, lint code, etc... when you commit or push. Husky supports all Git hooks.

    Conventional Commits

    • A specification for adding human and machine readable meaning to commit messages And more »
  • 2

    LinkedIn Profile URL is out of date

    The LinkedIn URL used in the blog post section and the social media section is "" when it should be