PersonalPortifilio - GitLite

KO | EN

gitlite — search

#shell #kubernetes #vue #gpt #bash #chatgpt #video #docker #agents #ios

PersonalPortifilio

(★ 9)

No description available.

파일 탐색기

ZIP 다운로드

- favicon.svg
- icons.svg
- keyboard-video.mp4
- - hero.png
  - vite.svg
- - AuthContext.jsx
- - useAuth.js
  - useCRUD.js
  - usePortfolioData.js
  - useTypewriter.js
- - animations.js
  - fallbackData.js
  - lenis.js
  - supabase.js
- - Portfolio.jsx
- - globals.css
- App.jsx
- main.jsx
.gitignore
eslint.config.js
index.html
LICENSE
package-lock.json
package.json
postcss.config.js
README.md
tailwind.config.js
vercel.json
vite.config.js

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A modern, interactive portfolio website built with React, Vite, and Supabase. Features smooth animations, real-time data updates.

## Features

- 🎨 **Modern UI** - Smooth animations, curved separators, and scroll reveals
- 📱 **Responsive Design** - Mobile-first approach with Tailwind CSS
- ⚡ **Fast Performance** - Built with Vite for optimal build times
- 🎯 **Real-time Updates** - Supabase backend for instant data synchronization
- ✨ **Interactive Elements** - Typewriter effects, animated pets, scroll animations

## Tech Stack

- **Frontend**: React 19, Vite, Tailwind CSS
- **Animations**: Framer Motion, Lenis (smooth scrolling)
- **Backend**: Supabase (PostgreSQL database + Auth)
- **Build Tool**: Vite with HMR
- **Linting**: ESLint

## Project Structure

```
src/
├── components/
│   ├── sections/       # Portfolio sections (Hero, About, Projects, etc.)
│   └── ui/             # Reusable UI components (Navbar, Footer, buttons, etc.)
├── context/            # React Context for state management (Auth)
├── hooks/              # Custom React hooks (useAuth, useCRUD, usePortfolioData, etc.)
├── lib/                # Utility libraries (Supabase config, animations, etc.)
├── pages/              # Page components
├── styles/             # Global CSS
└── assets/             # Static assets (images, icons)
```

## Getting Started

### Prerequisites

- Node.js 16+ and npm/yarn
- Supabase account

## Customization

### Styling

- Global styles: `src/styles/globals.css`
- Tailwind config: `tailwind.config.js`
- PostCSS config: `postcss.config.js`

### Animations

Animation utilities and configurations are in `src/lib/animations.js`

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

This project is licensed under the MIT License - see the LICENSE file for details.

## Support

If you encounter any issues or have questions, please open an issue on GitHub.