https://github.com/kyle-seto/portfolio
Personal Portfolio Site of Kyle Seto
https://github.com/kyle-seto/portfolio
Last synced: over 1 year ago
JSON representation
Personal Portfolio Site of Kyle Seto
- Host: GitHub
- URL: https://github.com/kyle-seto/portfolio
- Owner: Kyle-Seto
- Created: 2024-09-10T07:19:50.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-16T19:46:40.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T23:41:35.062Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://portfolio-eight-beta-87.vercel.app
- Size: 17.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kyle Seto's Portfolio
This is the personal portfolio website of Kyle Seto, a Full-Stack Developer and Statistics Graduate based in Toronto. The site showcases Kyle's skills, work experience, and projects using modern web technologies.
## Technologies Used
- **Next.js 14**: A React framework for building server-side rendered and statically generated web applications.
- **React 18**: A JavaScript library for building user interfaces, used as the core of this project.
- **TypeScript**: A typed superset of JavaScript that compiles to plain JavaScript, enhancing code quality and developer experience.
- **Tailwind CSS**: A utility-first CSS framework used for rapid UI development.
- **Three.js**: A cross-browser JavaScript library used to create and display animated 3D computer graphics.
- **React Three Fiber**: A React renderer for Three.js, making it easier to build 3D graphics with React.
- **Framer Motion**: A production-ready motion library for React, used for creating smooth animations and transitions.
- **next-themes**: A library for adding dark mode to Next.js applications with ease.
## Features
- Responsive design for optimal viewing on various devices
- Interactive 3D elements to enhance user engagement
- Animated UI components for a dynamic user experience
- Comprehensive skills showcase
- Detailed work experience timeline
- Project gallery highlighting key achievements
## Upcoming Features
The following features are set up but not currently implemented. They will be coming soon:
- Dark/Light mode support for comfortable viewing in different lighting conditions
- Additional project showcases
- Enhanced 3D interactions
## Getting Started
To run this project locally:
1. Clone the repository
```bash
git clone https://github.com/Kyle-Seto/portfolio.git
cd portfolio
```
2. Install dependencies
```bash
npm install
```
3. Run the development server
```bash
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Contact
- Email: kyleseto01@gmail.com
- GitHub: [https://github.com/Kyle-Seto](https://github.com/Kyle-Seto)
- LinkedIn: [https://linkedin.com/in/kyle-seto](https://linkedin.com/in/kyle-seto)
## License
This project is open source and available under the [MIT License](LICENSE).