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.
- 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.
- 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
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
To run this project locally:
-
Clone the repository
git clone https://github.com/Kyle-Seto/portfolio.git cd portfolio -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open http://localhost:3000 in your browser
- Email: kyleseto01@gmail.com
- GitHub: https://github.com/Kyle-Seto
- LinkedIn: https://linkedin.com/in/kyle-seto
This project is open source and available under the MIT License.