React Templates & Themes Logo React Templates & Themes
Alissanguyen Dot Dev screenshot

Alissanguyen Dot Dev

Author Avatar Theme by Alissanguyen
Updated: 7 May 2024
47 Stars

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

Github Live Preview

Categories

Remix Tailwind Contentful Headless ui

Overview:

Alissa Nguyen’s website is a personal portfolio website where she showcases her work and publishes her writings. The website has a homepage and a blog section, providing visitors with a preview of the content available. Nguyen has utilized various technologies to build her website, including Remix, React, and TailwindCSS. Additionally, she has incorporated React Intersection Observer for animations when elements are in the viewport. Nguyen has also developed a custom typewriter hook using an NPM package. The website is deployed through Vercel and utilizes domain management services from Cloudflare and Namecheap. Content management is handled by Contentful, and several UI and animation libraries, such as Reach, AnimeJS, Framer Motion, and Hero Icons and React Icons, are employed. Nguyen credits Kent C. Dodds as a primary inspiration for her website.

Features:

  • Homepage with a preview of Alissa Nguyen’s work
  • Blog section with a preview of articles
  • Built with Remix, React, and TailwindCSS
  • React Intersection Observer for animations
  • Custom typewriter hook developed by Nguyen
  • Deployed through Vercel
  • Domain management through Cloudflare and Namecheap
  • Content management via Contentful
  • Utilizes UI and animation libraries like Reach, AnimeJS, Framer Motion, Hero Icons, and React Icons
  • Inspired by Kent C. Dodds

Installation:

To install and use Alissa Nguyen’s website theme, follow these steps:

  1. Clone the repository: git clone https://www.github.com/author/theme-name.git
  2. Install the required dependencies: npm install
  3. Set up your configuration file with appropriate credentials and settings.
  4. Customize the content to fit your needs.
  5. Run the development server: npm run dev
  6. Access the website in your browser at http://localhost:3000

Summary:

Alissa Nguyen’s website is a personal portfolio and writing platform that showcases her work. Built using technologies like Remix, React, and TailwindCSS, it offers features such as a homepage with a preview of her projects and a blog section with article previews. The website utilizes various tools and libraries for animations, code snippets, and UI components. Nguyen’s custom typewriter hook and inspirations from Kent C. Dodds add a personal touch to the website. With the provided installation guide, users can customize and deploy their own versions of the theme.