Welcome to Ryan Gan's Portfolio 👋

🚀 About

This is my personal portfolio and blog that showcases my work and projects, built with modern technologies and frameworks. Feel free to visit it here.

⚙️ Technology Stack

• React: A JavaScript library for building user interfaces
• Next.js 13: The newest version of Next.js with /app directory and server action
• Tailwind CSS: A utility-first CSS framework for rapidly building modern applications
• NextUI: UI Library with high-quality React components built on top of Tailwind CSS and React Aria that uses framer motion
• Framer Motion: A production-ready animation library for React
• React Intersection Observer: Provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport
• React Vertical Timeline: A third-party component that is used to represents a vertical timeline.
• Resend: A third-party email service for contact form
• React Email: For creating custom email templates

🛠️ Setup and Installation

1. Clone the repository:

   git clone https://github.com/ryangandev/ryangan-portfolio.git

2. Navigate to the project directory:

   cd ryangan-portfolio

3. Create a .env.local file the in root directory and get your Resend API key if you want to use the email service. Check out .env.example for the format.

   RESEND_API_KEY=YOUR_REDEND_API_KEY

4. Install the dependencies:

   yarn install

5. Start the development server:

   yarn dev

6. Build for production:

   yarn build

📢 Feedback

While this personal portfolio is not open for contributions, I appreciate feedback and suggestions! Feel free to open an issue to share your thoughts or contact me directly at my Email.

📄 License

This project is MIT licensed.

📬 Contact

• 📧 Email: ryangan.dev@gmail.com
• 🔗 LinkedIn: https://www.linkedin.com/in/ryangan1/
• 📂 Portfolio Contact Form: https://www.ryangan.dev/#contact