Skip to content

Commit 621c9ff

Browse files
byseif21byseif21
committed
chore: prettier run & netlify setup
1 parent aaa126a commit 621c9ff

File tree

11 files changed

+163
-148
lines changed

11 files changed

+163
-148
lines changed

‎.eslintrc.json‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,7 @@
44
"browser": true,
55
"es2022": true
66
},
7-
"extends": [
8-
"eslint:recommended",
9-
"plugin:import/recommended",
10-
"prettier"
11-
],
7+
"extends": ["eslint:recommended", "plugin:import/recommended", "prettier"],
128
"parserOptions": {
139
"ecmaVersion": "latest",
1410
"sourceType": "module"
@@ -17,4 +13,4 @@
1713
"no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }],
1814
"import/no-unresolved": "off"
1915
}
20-
}
16+
}

‎.github/workflows/ci.yml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@ name: ci
22

33
on:
44
push:
5-
branches: [ main ]
5+
branches: [main]
66
pull_request:
7-
branches: [ main ]
7+
branches: [main]
88

99
jobs:
1010
build:
@@ -30,4 +30,4 @@ jobs:
3030
run: npm run format:check
3131

3232
- name: build
33-
run: npm run build
33+
run: npm run build

‎.prettierrc‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
"semi": true,
44
"trailingComma": "es5",
55
"printWidth": 100
6-
}
6+
}

‎README.md‎

Lines changed: 38 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,23 @@
1+
## **Seif Soliman's Portfolio Website**
12

2-
## **Seif Soliman's Portfolio Website**
3-
🚀 **A personal portfolio showcasing my projects, skills, and achievements.**
3+
🚀 **A personal portfolio showcasing my projects, skills, and achievements.**
44

5-
![Portfolio Preview](img/projects/p2.png)
5+
![Portfolio Preview](img/projects/p2.png)
66

7-
### **📌 Overview**
8-
This is my personal portfolio website, designed to highlight my work as a **Full Stack Developer**. It features a modern UI, responsive design, and smooth animations to create an engaging and interactive experience.
7+
### **📌 Overview**
98

10-
### **🔧 Technologies Used**
11-
- **HTML5** - Structured and semantic markup
12-
- **CSS3** - Custom styles with responsive design
13-
- **JavaScript** - Interactive elements and animations
14-
- **FontAwesome** - Icons for better UI experience
15-
- **Git & GitHub** - Version control and project hosting
9+
This is my personal portfolio website, designed to highlight my work as a **Full Stack Developer**. It features a modern UI, responsive design, and smooth animations to create an engaging and interactive experience.
10+
11+
### **🔧 Technologies Used**
12+
13+
- **HTML5** - Structured and semantic markup
14+
- **CSS3** - Custom styles with responsive design
15+
- **JavaScript** - Interactive elements and animations
16+
- **FontAwesome** - Icons for better UI experience
17+
- **Git & GitHub** - Version control and project hosting
18+
19+
### **📂 Project Structure**
1620

17-
### **📂 Project Structure**
1821
```
1922
/portfolio-website
2023
│── /img # Images and assets
@@ -24,39 +27,44 @@ This is my personal portfolio website, designed to highlight my work as a **Full
2427
│── README.md # Project documentation
2528
```
2629

27-
### **🎨 Features**
30+
### **🎨 Features**
31+
2832
✅ Fully responsive design
2933
✅ Dynamic typing effect for introduction
3034
✅ Interactive project showcase with modal view
3135
✅ Certificates section
3236
✅ Tech Stack section
3337
✅ Contact form with email submission
34-
✅ Social media links
38+
✅ Social media links
39+
40+
### **🚀 Installation & Usage**
3541

36-
### **🚀 Installation & Usage**
37-
1. Clone the repository:
42+
1. Clone the repository:
3843
```sh
3944
git clone https://github.com/byseif21/portfolio-website.git
4045
```
41-
2. Open `index.html` in your browser.
42-
3. Customize the content as needed.
46+
2. Open `index.html` in your browser.
47+
3. Customize the content as needed.
4348

44-
### **📜 License & Attribution**
45-
You're welcome to explore, modify, or build upon this project for personal use. If you decide to use or adapt a significant portion of the code, **a credit or acknowledgment would be appreciated**.
49+
### **📜 License & Attribution**
4650

47-
Ways to give credit:
48-
- Mentioning **Seif Soliman (byseif21)** in your project's README or footer.
49-
- Giving a shoutout on GitHub or social media.
51+
You're welcome to explore, modify, or build upon this project for personal use. If you decide to use or adapt a significant portion of the code, **a credit or acknowledgment would be appreciated**.
5052

51-
Your support means a lot, and I'd love to see how you customize it! 😊
53+
Ways to give credit:
54+
55+
- Mentioning **Seif Soliman (byseif21)** in your project's README or footer.
56+
- Giving a shoutout on GitHub or social media.
57+
58+
Your support means a lot, and I'd love to see how you customize it! 😊
59+
60+
### **💡 Credits**
5261

53-
### **💡 Credits**
5462
- Design inspired by [EkiZR](https://github.com/EkiZR)
55-
- Icons by [FontAwesome](https://fontawesome.com)
56-
- Hosted on **GitHub Pages**
63+
- Icons by [FontAwesome](https://fontawesome.com)
64+
- Hosted on **GitHub Pages**
65+
66+
### **📩 Contact**
5767

58-
### **📩 Contact**
5968
💻 Visit my portfolio: [seifsoliman.com](https://seifsoliman.netlify.app/)
6069
📍 Contact me: [LinkedIn](https://www.linkedin.com/in/-seif-soliman/)
61-
👨‍💻 GitHub: [@byseif21](https://github.com/byseif21)
62-
70+
👨‍💻 GitHub: [@byseif21](https://github.com/byseif21)

‎netlify.toml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[build]
2+
command = "npm run build"
3+
publish = "dist"

‎postcss.config.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
export default {
22
plugins: {
3-
autoprefixer: {}
4-
}
5-
};
3+
autoprefixer: {},
4+
},
5+
};

‎public/data/certificates.json‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
11
[
2-
{
3-
"id": 1,
4-
"title": "THE WEB DEVELOPMENT CHALLENGER TRACK",
5-
"description": "Certified in Advanced WEB DEVELOPMENT by Udacity.",
6-
"image": "img/certificates/Udacity Nanodegree Graduation Certificate.png",
7-
"link": "https://www.udacity.com/certificate/e/51436012-4aec-11ed-bba3-13d109eae405"
8-
},
9-
{
10-
"id": 2,
11-
"title": "HTML & CSS",
12-
"description": "Certified in completing learning HTML & CSS by ITI.",
13-
"image": "img/certificates/HTML & CSS Course_Certificate_En conv 1.png",
14-
"link": "https://drive.google.com/file/d/1XGzT8chS0TmfHkPA6KEHEd6vT8Q9gVoH/view?usp=drive_link"
15-
},
16-
{
17-
"id": 3,
18-
"title": "Python Certificate",
19-
"description": "Certified in completing the Python course by ITI.",
20-
"image": "img/certificates/Python Course_Certificate_En conv 1.png",
21-
"link": "https://drive.google.com/file/d/1PlPWeSM0KCLPIHGjPnxIVXVzl9TjvpcK/view?usp=drive_link"
22-
},
23-
{
24-
"id": 4,
25-
"title": "Leadership Certificate",
26-
"description": "Certified in completing the Effective Leadership course by HP LIFE.",
27-
"image": "img/certificates/Effective Leadership conv 1.png",
28-
"link": "https://drive.google.com/file/d/1PlPWeSM0KCLPIHGjPnxIVXVzl9TjvpcK/view?usp=drive_link"
29-
}
30-
]
2+
{
3+
"id": 1,
4+
"title": "THE WEB DEVELOPMENT CHALLENGER TRACK",
5+
"description": "Certified in Advanced WEB DEVELOPMENT by Udacity.",
6+
"image": "img/certificates/Udacity Nanodegree Graduation Certificate.png",
7+
"link": "https://www.udacity.com/certificate/e/51436012-4aec-11ed-bba3-13d109eae405"
8+
},
9+
{
10+
"id": 2,
11+
"title": "HTML & CSS",
12+
"description": "Certified in completing learning HTML & CSS by ITI.",
13+
"image": "img/certificates/HTML & CSS Course_Certificate_En conv 1.png",
14+
"link": "https://drive.google.com/file/d/1XGzT8chS0TmfHkPA6KEHEd6vT8Q9gVoH/view?usp=drive_link"
15+
},
16+
{
17+
"id": 3,
18+
"title": "Python Certificate",
19+
"description": "Certified in completing the Python course by ITI.",
20+
"image": "img/certificates/Python Course_Certificate_En conv 1.png",
21+
"link": "https://drive.google.com/file/d/1PlPWeSM0KCLPIHGjPnxIVXVzl9TjvpcK/view?usp=drive_link"
22+
},
23+
{
24+
"id": 4,
25+
"title": "Leadership Certificate",
26+
"description": "Certified in completing the Effective Leadership course by HP LIFE.",
27+
"image": "img/certificates/Effective Leadership conv 1.png",
28+
"link": "https://drive.google.com/file/d/1PlPWeSM0KCLPIHGjPnxIVXVzl9TjvpcK/view?usp=drive_link"
29+
}
30+
]

‎public/data/projects.json‎

Lines changed: 63 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,64 @@
11
[
2-
{
3-
"id": 1,
4-
"title": "Onklo - Clothing Frontend Project",
5-
"description": "A custom, responsive front-end e-commerce template designed and built from scratch.",
6-
"image": "img/projects/project1.png",
7-
"link": "https://byseif21.github.io/OnKloFrontDD",
8-
"github": "https://github.com/byseif21/OnKloFrontDD",
9-
"techStack": ["HTML", "CSS", "JavaScript"]
10-
},
11-
{
12-
"id": 2,
13-
"title": "Static Portfolio Website Project",
14-
"description": "This is my personal portfolio website, showcasing my skills, projects, and experience as a Full Stack Developer.",
15-
"image": "img/projects/project2.png",
16-
"link": "#",
17-
"github": "https://github.com/byseif21/portfolio-website",
18-
"techStack": ["HTML", "CSS", "JavaScript"]
19-
},
20-
{
21-
"id": 3,
22-
"title": "StyleZa - Frontend Full Template",
23-
"description": "A modern, responsive UI template for an online clothing store, featuring a sleek and user-friendly design. It offers a smooth user experience across all devices, making it ideal for stores that want to showcase their products professionally.",
24-
"image": "img/projects/Styleza.png",
25-
"link": "https://byseif21.github.io/StylezaFD/",
26-
"github": "https://github.com/byseif21/StylezaFD",
27-
"techStack": ["HTML5", "CSS", "JavaScript"]
28-
},
29-
{
30-
"id": 4,
31-
"title": "Mr. Deli - Restaurant Website",
32-
"description": "A modern and responsive restaurant website designed for Mr. Deli, featuring an elegant UI, interactive menu, and seamless user experience across devices.",
33-
"image": "img/projects/mrdeli.png",
34-
"link": "https://www.mr-deli.com",
35-
"github": "",
36-
"techStack": ["HTML5", "CSS", "JavaScript"]
37-
},
38-
{
39-
"id": 5,
40-
"title": "OnKlo - Full-Stack E-Commerce Platform",
41-
"description": "The full MVC version of the Clothing Frontend Project, now a dynamic and scalable e-commerce platform.",
42-
"image": "img/projects/project1.png",
43-
"link": "https://byseif21.github.io/OnKloFrontDD",
44-
"github": "https://github.com/byseif21/OnKlo",
45-
"techStack": ["C#", "ASP.NET MVC", "HTML5", "CSS", "JavaScript", "Entity Framework", "SQL Server"]
46-
},
47-
{
48-
"id": 6,
49-
"title": "Movie Rating Website Platform",
50-
"description": "An advanced, full-featured movie rating and review platform built with .NET MVC.",
51-
"image": "img/projects/project4.jpg",
52-
"link": "javascript:void(0);",
53-
"github": "https://github.com/byseif21/eRmovie",
54-
"techStack": ["C#", "ASP.NET MVC", "Bootstrap", "Entity Framework", "SQL Server"]
55-
}
56-
]
2+
{
3+
"id": 1,
4+
"title": "Onklo - Clothing Frontend Project",
5+
"description": "A custom, responsive front-end e-commerce template designed and built from scratch.",
6+
"image": "img/projects/project1.png",
7+
"link": "https://byseif21.github.io/OnKloFrontDD",
8+
"github": "https://github.com/byseif21/OnKloFrontDD",
9+
"techStack": ["HTML", "CSS", "JavaScript"]
10+
},
11+
{
12+
"id": 2,
13+
"title": "Static Portfolio Website Project",
14+
"description": "This is my personal portfolio website, showcasing my skills, projects, and experience as a Full Stack Developer.",
15+
"image": "img/projects/project2.png",
16+
"link": "#",
17+
"github": "https://github.com/byseif21/portfolio-website",
18+
"techStack": ["HTML", "CSS", "JavaScript"]
19+
},
20+
{
21+
"id": 3,
22+
"title": "StyleZa - Frontend Full Template",
23+
"description": "A modern, responsive UI template for an online clothing store, featuring a sleek and user-friendly design. It offers a smooth user experience across all devices, making it ideal for stores that want to showcase their products professionally.",
24+
"image": "img/projects/Styleza.png",
25+
"link": "https://byseif21.github.io/StylezaFD/",
26+
"github": "https://github.com/byseif21/StylezaFD",
27+
"techStack": ["HTML5", "CSS", "JavaScript"]
28+
},
29+
{
30+
"id": 4,
31+
"title": "Mr. Deli - Restaurant Website",
32+
"description": "A modern and responsive restaurant website designed for Mr. Deli, featuring an elegant UI, interactive menu, and seamless user experience across devices.",
33+
"image": "img/projects/mrdeli.png",
34+
"link": "https://www.mr-deli.com",
35+
"github": "",
36+
"techStack": ["HTML5", "CSS", "JavaScript"]
37+
},
38+
{
39+
"id": 5,
40+
"title": "OnKlo - Full-Stack E-Commerce Platform",
41+
"description": "The full MVC version of the Clothing Frontend Project, now a dynamic and scalable e-commerce platform.",
42+
"image": "img/projects/project1.png",
43+
"link": "https://byseif21.github.io/OnKloFrontDD",
44+
"github": "https://github.com/byseif21/OnKlo",
45+
"techStack": [
46+
"C#",
47+
"ASP.NET MVC",
48+
"HTML5",
49+
"CSS",
50+
"JavaScript",
51+
"Entity Framework",
52+
"SQL Server"
53+
]
54+
},
55+
{
56+
"id": 6,
57+
"title": "Movie Rating Website Platform",
58+
"description": "An advanced, full-featured movie rating and review platform built with .NET MVC.",
59+
"image": "img/projects/project4.jpg",
60+
"link": "javascript:void(0);",
61+
"github": "https://github.com/byseif21/eRmovie",
62+
"techStack": ["C#", "ASP.NET MVC", "Bootstrap", "Entity Framework", "SQL Server"]
63+
}
64+
]

‎public/data/techStack.json‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
[
2-
{ "name": "HTML", "icon": "img/TechStack/html.svg" },
3-
{ "name": "CSS", "icon": "img/TechStack/css.svg" },
4-
{ "name": "JavaScript", "icon": "img/TechStack/javascript.svg" },
5-
{ "name": "TypeScript", "icon": "img/TechStack/typescript.svg" },
6-
{ "name": "ReactJS", "icon": "img/TechStack/reactjs.svg" },
7-
{ "name": ".NET", "icon": "img/TechStack/Dotnet.svg" },
8-
{ "name": "C#", "icon": "img/TechStack/Csharp.svg" },
9-
{ "name": "NodeJS", "icon": "img/TechStack/nodejs.svg" },
10-
{ "name": "MongoDB", "icon": "img/TechStack/mongodb.svg" },
11-
{ "name": "SQL", "icon": "img/TechStack/sql.svg" },
12-
{ "name": "Tailwind", "icon": "img/TechStack/tailwind.svg" },
13-
{ "name": "Bootstrap", "icon": "img/TechStack/bootstrap.svg" },
14-
{ "name": "MUI", "icon": "img/TechStack/MUI.svg" },
15-
{ "name": "Vite", "icon": "img/TechStack/vite.svg" }
16-
]
2+
{ "name": "HTML", "icon": "img/TechStack/html.svg" },
3+
{ "name": "CSS", "icon": "img/TechStack/css.svg" },
4+
{ "name": "JavaScript", "icon": "img/TechStack/javascript.svg" },
5+
{ "name": "TypeScript", "icon": "img/TechStack/typescript.svg" },
6+
{ "name": "ReactJS", "icon": "img/TechStack/reactjs.svg" },
7+
{ "name": ".NET", "icon": "img/TechStack/Dotnet.svg" },
8+
{ "name": "C#", "icon": "img/TechStack/Csharp.svg" },
9+
{ "name": "NodeJS", "icon": "img/TechStack/nodejs.svg" },
10+
{ "name": "MongoDB", "icon": "img/TechStack/mongodb.svg" },
11+
{ "name": "SQL", "icon": "img/TechStack/sql.svg" },
12+
{ "name": "Tailwind", "icon": "img/TechStack/tailwind.svg" },
13+
{ "name": "Bootstrap", "icon": "img/TechStack/bootstrap.svg" },
14+
{ "name": "MUI", "icon": "img/TechStack/MUI.svg" },
15+
{ "name": "Vite", "icon": "img/TechStack/vite.svg" }
16+
]

‎vercel.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
"outputDirectory": "dist",
44
"framework": "vite",
55
"installCommand": "npm install"
6-
}
6+
}

0 commit comments

Comments
 (0)