Portfolio Project

Hey, it's Killian, this is my personal portfolio website! This project showcases my work, skills, and experiences as a developer's student.

Table of Contents

• Overview
• Features
• Installation
• Tech Stack
• Deployment
• License

Overview

This portfolio is a single-page application (SPA) with a client-side routing provided by 'React-router'

Live Demo: Portfolio Website

Features

• Responsive Design: Optimized for various screen sizes and devices.
• Smooth Animations: Leveraging framer-motion for interactive and engaging animations.
• Routing: Single-page application with client-side routing using react-router-dom.
• Icons: Rich icon library with react-icons for visual enhancements.
• State Management: Efficient state management using React hooks and react-use-measure.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/killianFra/portfolio.git
   cd portfolio

2. Install dependencies:

   pnpm install

3. Start the development server:

   pnpm run dev

4. Build for production:

   pnpm run build

Tech Stack

The project is built using the following technologies:

• React: A JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
• Vite: A fast build tool and development server.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: A library for animations and gestures in React.
• React Router: A library for routing in React applications.
• React Icons: A collection of popular icons for React.

Deployment

This portfolio is automatically deployed to GitHub Pages upon each push to the main branch. To manually deploy, run the following command:

pnpm run deploy

License

This project is licensed under the MIT License. Feel free to use and modify the code.

---

Feel free to explore the code and reach out if you have any questions or suggestions!