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.
- React: A JavaScript library for building user interfaces
- Next.js 13: The newest version of Next.js with
/app
directory andserver 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
-
Clone the repository:
git clone https://github.com/ryangandev/ryangan-portfolio.git
-
Navigate to the project directory:
cd ryangan-portfolio
-
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
-
Install the dependencies:
yarn install
-
Start the development server:
yarn dev
-
Build for production:
yarn build
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.
This project is MIT licensed.
- 📧 Email: ryangan.dev@gmail.com
- 🔗 LinkedIn: https://www.linkedin.com/in/ryangan1/
- 📂 Portfolio Contact Form: https://www.ryangan.dev/#contact