A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. This website showcases my professional experience, projects, and skills as a Senior Software Engineer.
- Responsive Design: Fully responsive layout that works on all devices
- Modern UI: Clean and professional interface using Shadcn UI components
- Dark/Light Mode: Theme switching with system preference detection
- Sections:
- Hero section with animated grid pattern
- About section with profile information
- Experience timeline showcasing professional journey
- Projects showcase with live demos and GitHub links
- SEO Optimized: Meta tags and Open Graph images for better sharing
- Framework: Next.js (v15.3)
- Language: TypeScript (v5)
- Styling: Tailwind CSS (v4)
- UI Components: Shadcn UI with Radix UI primitives
- Icons: Lucide React and React Icons
- Animations: CSS animations with Tailwind
- Package Manager: pnpm
- Form Handling: React Hook Form with Zod validation
- Development Tools: ESLint, Prettier
- Node.js (v18 or higher recommended)
- pnpm (v8 or higher recommended)
-
Clone the repository
git clone https://github.com/tyloo/tyloo.fr.git cd tyloo.fr -
Install dependencies
pnpm install
-
Start the development server
pnpm dev
-
Open http://localhost:3000 in your browser
pnpm buildTo start the production server:
pnpm start/app: Next.js app directory with pages and layouts/components: React components organized by feature/ui: Reusable UI components from Shadcn UI
/lib: Utility functions and data files/public: Static assets like images and resume/hooks: Custom React hooks
To customize this portfolio for your own use:
- Update personal information in
/libdirectory files - Replace images in
/publicdirectory - Modify component content in
/componentsdirectory - Update metadata in
/app/layout.tsx
This project is open source and available under the MIT License.
Julien 'Tyloo' Bonvarlet
- LinkedIn: linkedin.com/in/julien-bonvarlet
- GitHub: github.com/tyloo