Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryangandev/ryangan-portfolio-old
My old portfolio site
https://github.com/ryangandev/ryangan-portfolio-old
framer-motion nextjs14 nextui portfolio react resend tailwindcss typescript
Last synced: about 1 month ago
JSON representation
My old portfolio site
- Host: GitHub
- URL: https://github.com/ryangandev/ryangan-portfolio-old
- Owner: ryangandev
- License: mit
- Created: 2024-09-17T07:44:41.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-17T17:01:50.000Z (2 months ago)
- Last Synced: 2024-09-30T08:22:10.220Z (about 2 months ago)
- Topics: framer-motion, nextjs14, nextui, portfolio, react, resend, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://old.ryangan.me/
- Size: 2.73 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Welcome to Ryan Gan's Portfolio 👋
## 🚀 About
This is my old portfolio site that showcases my work and projects, built with Next.js 14. Feel free to visit it [here](https://old.ryangan.me/). My new portfolio is [here](https://ryangan.me/).
### ⚙️ Technology Stack
- **[React](https://reactjs.org/)**: A JavaScript library for building user interfaces
- **[Next.js 14](https://nextjs.org/)**: The newest version of Next.js with `/app` directory and `server action`
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for rapidly building modern applications
- **[NextUI](https://nextui.org/)**: UI Library with high-quality React components built on top of Tailwind CSS and React Aria that uses framer motion
- **[Framer Motion](https://www.framer.com/motion/)**: A production-ready animation library for React
- **[React Intersection Observer](https://github.com/thebuilder/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](https://github.com/stephane-monnot/react-vertical-timeline)**: A third-party component that is used to represents a vertical timeline.
- **[Resend](https://resend.com/)**: A third-party email service for contact form
- **[React Email](https://react.email/)**: For creating custom email templates
## 🛠️ Setup and Installation
1. Clone the repository:
```zsh
git clone https://github.com/ryangandev/ryangan-portfolio-old.git
```
2. Navigate to the project directory:
```zsh
cd ryangan-portfolio-old
```
3. Create a `.env` 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.
```zsh
RESEND_API_KEY=YOUR_REDEND_API_KEY
```
4. Install the dependencies:
```zsh
yarn install
```
5. Start the development server:
```zsh
yarn dev
```
6. Build for production:
```zsh
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](mailto:[email protected]).
## 📄 License
This project is [MIT](./LICENSE) licensed.
## 📬 Contact
- 📧 Email: [email protected]
- 🔗 LinkedIn: https://www.linkedin.com/in/ryangan1/
- 📂 Portfolio Contact Form: https://old.ryangan.me/#contact