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

URL https://www.alissanguyen.dev

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

Homepage's preview Blog's preview

Technologies

Front-End

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

Deployment

  • Deployment through Vercel

Domain Management

  • Cloudflare
  • Namecheap
  • Netlify

Content Management System (CMS)

  • Contentful

UI & Animation Libraries

  • Reach
  • AnimeJS
  • Framer Motion

Others

  • 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

Acknowledgement

My website was primarily inspired from Kent C. Dodds.

Github

https://github.com/alissanguyen/alissanguyen-dot-dev

Comments(2)

  • 1

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

    Helper

    • Stop Writing Bad Commit Messages
    • Improve Code Quality

    Eslint

    • 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

    Why?

    • 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 "https://www.linkedin.com/in/tam-pmnguyen/" when it should be https://www.linkedin.com/in/alissa-nguyen-dev/