Portfolio

This is my personal portfolio website, showcasing my skills, projects, and experiences. Initially developed using ReactJS, I have now rewritten it with SvelteKit for better performance and a more modern development experience.

React version

Table of Contents

• Introduction
• Features
• Technologies Used
• Getting Started
  • Prerequisites
  • Installation
  • Running the Project
• Folder Structure
• License
• Contact

Introduction

This portfolio website is designed to provide a comprehensive view of my professional journey, including my skills, projects, and experiences. It is built using SvelteKit to take advantage of its fast and efficient rendering capabilities.

Features

• Responsive Design: Ensures optimal viewing experience on all devices.
• Dynamic Content: Showcases projects and experiences dynamically.
• Modern UI/UX: Clean and intuitive user interface.
• Performance Optimized: Fast load times and smooth transitions.

Technologies Used

• SvelteKit: Main framework for building the portfolio.
• Svelte: For component-based development.
• JavaScript/TypeScript: For adding interactivity and functionality.
• CSS/SCSS: For styling the website.
• Tailwind CSS: For utility-first CSS framework.
• daisyUI: For UI components based on Tailwind CSS.
• Sass: For advanced CSS preprocessing.
• Swiper: For modern mobile touch slider.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/b-owl/portfolio.git
   cd portfolio
   

Install dependencies:

npm install
# or
yarn install

Running the Project

To start the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see the portfolio.

To build the project for production:

npm run build
# or
yarn build

Folder Structure

portfolio/
├── .svelte-kit/
├── .vscode/
├── .yarn/
├── build/
├── node_modules/
├── src/
│   ├── i18n/
│   ├── lib/
│   │   ├── assets/
│   │   ├── components/
│   │   └── stores/
│   ├── routes/
│   │   ├── about/
│   │   ├── contact/
│   │   ├── service/
│   │   └── showcase/
│   │       ├── +layout.svelte
│   │       ├── +layout.ts
│   │       ├── +page.svelte
│   │       ├── +page.ts
│   │       └── styles.css
│   ├── types/
│   └── app.html
├── static/
│   ├── favicon.ico
│   └── robots.txt
├── package.json
└── svelte.config.js

License

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

Contact

• Email: 0mehdikeramati1@gmail.com
• LinkedIn: in/mehdikeramti