69 lines
1.7 KiB
Markdown
69 lines
1.7 KiB
Markdown
# Portfolio of Yousif Paulus
|
|
|
|
This is the repository for my portfolio. It serves as a modern, interactive showcase of my projects and skills.
|
|
|
|
## Tech Stack
|
|
- **Frontend**: React
|
|
- **Styling**: [Animate.css](https://animate.style/) (for animations)
|
|
- **Backend**: Node.js
|
|
- **Font**: Apple's SF Pro
|
|
- **Icons**: FontAwesome
|
|
|
|
## Plugins
|
|
- [vite-plugin-svgr](https://github.com/pd4d10/vite-plugin-svgr) (for seamless integration of SVGs as React components)
|
|
|
|
## Hosting
|
|
- Hosted on [Netlify](https://www.netlify.com/).
|
|
- Live version: [yousifpaulus.dev](https://yousifpaulus.dev).
|
|
|
|
## Inspiration
|
|
The design is inspired by:
|
|
- Apple Keynote presentations
|
|
- A "tile" theme with dynamic tiles showcasing specific content.
|
|
|
|
## Features
|
|
- Dynamic and interactive tiles presenting content such as projects, skills, and additional information.
|
|
- Animations to ensure a smooth and engaging user experience.
|
|
- Modern and minimalist design aligned with Apple's aesthetic.
|
|
|
|
## Development
|
|
### Prerequisites
|
|
Ensure the following tools are installed:
|
|
- Node.js
|
|
- Vite
|
|
|
|
### Installation
|
|
1. Clone the repository:
|
|
```bash
|
|
git clone https://github.com/yousifpa98/portfolio.git
|
|
```
|
|
2. Navigate to the project directory:
|
|
```bash
|
|
cd portfolio
|
|
```
|
|
3. Install dependencies:
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### Start Development
|
|
Run the development server:
|
|
```bash
|
|
npm run dev
|
|
```
|
|
The portfolio will be accessible at `http://localhost:3000`.
|
|
|
|
### Build for Production
|
|
Create a production build:
|
|
```bash
|
|
npm run build
|
|
```
|
|
The built files will be located in the `dist` folder.
|
|
|
|
## Feedback and Contact
|
|
If you have any feedback or wish to get in touch, you can reach me at:
|
|
- GitHub: [yousifpa98](https://github.com/yousifpa98)
|
|
|
|
---
|
|
Enjoy exploring my portfolio! 😊
|