Skip to content

Commit 9221ee8

Browse files
abdoohossammabdoohossamm
authored
Merge pull request #14 from abdoohossamm/test
Make the website more responsive. Update all section to look good.
2 parents 04a1f9f + bc9a58f commit 9221ee8

File tree

19 files changed

+187
-62
lines changed

19 files changed

+187
-62
lines changed

‎README.md‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,9 @@ Technologies used in the project:
1212
[![typeScript](https://badges.aleen42.com/src/typescript.svg)](https://badges.aleen42.com/src/typescript.svg)
1313
[![tailwindCSS](https://badges.aleen42.com/src/tailwindcss.svg)](https://badges.aleen42.com/src/tailwindcss.svg)
1414

15+
This is a repository of my portfolio website.
16+
You can see it in the following link [abdoo.live](https://abdoo.live)
1517

1618
![portfolio image](https://github.com/abdoohossamm/portfolio/blob/main/public/images/projects/portfolio/portfolio1.png?raw=true)
1719
![portfolio image](https://github.com/abdoohossamm/portfolio/blob/main/public/images/projects/portfolio/portfolio2.png?raw=true)
1820
![portfolio image](https://github.com/abdoohossamm/portfolio/blob/main/public/images/projects/portfolio/portfolio3.png?raw=true)
19-
20-
This is a repository of my portfolio website.
21-
You can see it in the following link [abdoo.live](https://abdoo.live)

‎components/Services/ServiceCard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,14 @@ const ServiceCard: FunctionComponent<{ value: Service }> =
1212
}
1313
}
1414
return (
15-
<article className="bg-gradient-to-bl from-cyan-300 to-teal-400 dark:from-cyan-700 dark:to-cyan-900 rounded-lg p-6
15+
<article className="bg-gradient-to-bl from-cyan-300 to-teal-400 dark:from-cyan-700 dark:to-cyan-900 rounded-lg p-4 lg:p-6
1616
hover:from-cyan-700 hover:to-teal-500 hover:text-white
1717
dark:hover:from-cyan-700 dark:hover:to-teal-400
1818
dark:hover:text-gray-800 dark:text-white
1919
shadow-2xl drop-shadow-2xl shadow-gray-500 dark:shadow-gray-500
2020
">
21-
<div className={"flex items-center p-2 space-x-4 text-3xl font-bold "}>
22-
<Icon className={"text-6xl text-teal-800 dark:text-teal-200"}/> <h5>{title}</h5>
21+
<div className={"flex items-center p-2 space-x-4 text-2xl lg:text-3xl font-bold "}>
22+
<Icon className={"text-5xl lg:text-6xl text-teal-800 dark:text-teal-200"}/> <h5>{title}</h5>
2323
</div>
2424
<p className={"pt-3"} dangerouslySetInnerHTML={escapeXssAbout()} />
2525
</article>

‎components/about/About.jsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,11 +32,13 @@ function About() {
3232
rounded-3xl my-4 dark:from-cyan-700 dark:to-cyan-900
3333
">
3434
<p>
35-
I am currently pursuing Bachelor Degree(Final Year) in Computer Science from University Of the People. I have 2+ years of experience in Web Development in different projects with different frameworks.
35+
I am currently pursuing Bachelor Degree(Final Year) in Computer Science from University Of the People. I have 2+ years of work experience in Web Development in different projects with different frameworks.
3636
</p>
3737
<p>
38-
Starting my journey as a software developer, I have done remote and local work for many companies and
39-
startups and collaborated with talented people and teams to create a projects for both business and consumer use.
38+
I learn programming, computer science, and IT since 2016 which gave me a good experience about computer science major and made me teaching programming in high school and university.
39+
I am addicted to learning about everything specially when it's about technologies.
40+
I worked as a software developer in many projects and got some experience in software engineering from courses and working.
41+
I'm a self-learner who can learn the skills that will develop me and the environment around me.
4042
</p>
4143
</div>
4244
<Resume />

‎components/about/resume/Bar.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,14 @@ const Bar: FunctionComponent<{ value: Skill }> =
1010
) => {
1111
const bar_width = `${level}%`;
1212
return (
13-
<div className="my-2 text-white bg-gray-300 rounded-full dark:bg-dark-300 dark:bg-black-500">
13+
<div className="my-2 text-white bg-gray-300 rounded-full dark:bg-dark-300 dark:bg-black-500 whitespace-nowrap">
1414
<div
15-
className="flex items-center px-4 py-1 rounded-full bg-gradient-to-r from-cyan-700 to-teal-500"
15+
className="flex items-center px-4 py-1 rounded-full bg-gradient-to-r from-cyan-700 to-teal-500 clear-both"
1616
style={{
1717
width: bar_width,
1818
}}
1919
>
20-
<Icon className="mr-3" /> {name}
20+
<Icon className="mr-1 min-w-fit"/> {name}
2121
</div>
2222
</div>
2323
);

‎components/about/resume/Resume.tsx‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Bar from "./Bar";
2-
import { languages, tools } from "../../data";
2+
import { languages, tools, otherSkills } from "../../data";
33

44
const Resume = () => {
55
return (
@@ -8,22 +8,32 @@ const Resume = () => {
88
<div className="grid gap-6 md:grid-cols-2">
99
<div>
1010
<h5 className="my-3 text-2xl font-bold text-teal-600">Education</h5>
11-
<div className="">
11+
<div>
1212
<h5 className="my-2 text-xl font-bold ">
1313
Bachelor of science in Computer Science
1414
</h5>
15-
<p className="font-bold">University of the people <small className={"text-sm"}>(2020-2023)</small></p>
16-
<p className="my-3">
17-
I am currently pursuing Bachelor's degree in Computer Science from University of the people with 120 credits
18-
</p>
15+
<p className="font-bold">University of the people (Online, USA)</p>
16+
<small className={"text-sm font-semibold"}>September 2020 - April 2023</small>
17+
<article className="my-2 ml-2 [&>p:not(:first-child)]:mt-1.5">
18+
<p>Done 105 credit over 120 credit with 3.8+ CGPA</p>
19+
<p>Done all major courses and now finishing the electives courses</p>
20+
<p>President's list all terms in university</p>
21+
<p>Expected to graduate in April 2023</p>
22+
</article>
1923
</div>
2024
</div>
2125
<div>
2226
<h5 className="my-3 text-2xl font-bold text-teal-600">Experience</h5>
2327
<div className="">
2428
<h5 className="my-2 text-xl font-bold">Software Developer & IT support</h5>
25-
<p className="font-bold">OnTime for contracting and general supplies <small className={"text-sm"}>(Oct 2021 to Nov 2022)</small></p>
26-
<p className="my-3">Working on projects in Alexandria university for creating, developing, and managing Smart Gate system that has a software and physical servers.</p>
29+
<p className="font-bold">OnTime for general contracting (Alexandria, Egypt) </p>
30+
<small className={"text-sm font-semibold"}>October 2021 - November 2022</small>
31+
<article className="my-2 ml-2 [&>p:not(:first-child)]:mt-1.5">
32+
<p>Developing a fullstack applications for company's projects.</p>
33+
<p>Testing old software for bugs and develop it.</p>
34+
<p>Manage the IT team for the company and company's projects.</p>
35+
<p className={"font-bold"}>Stack: Python, Django, REST API, HTML, CSS, JavaScript.</p>
36+
</article>
2737
</div>
2838
</div>
2939
</div>
@@ -46,6 +56,12 @@ const Resume = () => {
4656
<Bar value={tool} key={i} />
4757
))}
4858
</div>
59+
<h5 className="my-3 text-2xl font-bold text-teal-600">Other skills</h5>
60+
<div className="my-2">
61+
{otherSkills.map((other, i) => (
62+
<Bar value={other} key={i} />
63+
))}
64+
</div>
4965
</div>
5066
</div>
5167
</div>

‎components/contact/Contact.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ function Contact() {
5757
<article className={"contact-option"}>
5858
<MdOutlineEmail className="contact-image"/>
5959
<h4 className="contact-option-title">Email</h4>
60-
<h5>abdoohossamm@outlook.com</h5>
60+
<h5 className="text-lg lg:text-xl">abdoohossamm@outlook.com</h5>
6161
<a href="mailto:abdoohossamm@outlook.com" target="_blank">Send an email</a>
6262
</article>
6363
<article className={"contact-option"}>

‎components/data.ts‎

Lines changed: 131 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,100 +1,193 @@
11
import {Card, IProject, Service, Skill} from "./types";
2-
3-
import { BsCircleFill } from "react-icons/bs";
42
import {FiAward, FiUsers} from "react-icons/fi";
53
import {VscFolderLibrary} from "react-icons/vsc";
64
import {RiComputerLine} from "react-icons/ri";
7-
import {FaServer} from "react-icons/fa";
8-
import {AiFillYoutube, AiOutlineApi} from "react-icons/ai";
9-
import {MdDeveloperMode, MdOutlineDesignServices} from "react-icons/md";
5+
import {FaDocker, FaLaravel, FaNodeJs, FaPhp, FaPython, FaReact, FaServer, FaVuejs} from "react-icons/fa";
6+
import {AiFillGithub, AiOutlineApi, AiOutlineConsoleSql} from "react-icons/ai";
7+
import {MdDeveloperMode, MdEngineering, MdOutlineDesignServices} from "react-icons/md";
8+
import {
9+
SiCplusplus, SiDatabricks,
10+
SiDjango,
11+
SiExpress, SiJava,
12+
SiJavascript,
13+
SiMicrosoftazure, SiMongodb, SiNextdotjs, SiPostgresql, SiRedis,
14+
SiTailwindcss, SiTextpattern,
15+
SiTypescript
16+
} from "react-icons/si"
17+
import {BiGitCompare, BiNetworkChart} from "react-icons/bi";
18+
import {TbApi} from "react-icons/tb";
19+
import {ImGit} from "react-icons/im";
20+
import {DiGoogleAnalytics, DiLinux} from "react-icons/di";
21+
import {GiTestTubes} from "react-icons/gi";
1022

1123
export const languages: Skill[] = [
1224
{
13-
Icon: BsCircleFill,
25+
Icon: FaPython,
1426
name: "Python",
1527
level: "90",
1628
},
1729
{
18-
Icon: BsCircleFill,
30+
Icon: SiDjango,
1931
name: "Django",
2032
level: "85",
2133
},
2234
{
23-
Icon: BsCircleFill,
35+
Icon: TbApi,
2436
name: "Django REST API",
2537
level: "80",
2638
},
2739
{
28-
Icon: BsCircleFill,
40+
Icon: SiJavascript,
2941
name: "JavaScript",
42+
level: "80",
43+
},
44+
{
45+
Icon: SiTypescript,
46+
name: "TypeScript",
3047
level: "70",
3148
},
3249
{
33-
Icon: BsCircleFill,
50+
Icon: FaNodeJs,
3451
name: "NodeJS",
52+
level: "80",
53+
},
54+
{
55+
Icon: SiExpress,
56+
name: "ExpressJS",
3557
level: "70",
3658
},
3759
{
38-
Icon: BsCircleFill,
60+
Icon: FaReact,
3961
name: "ReactJS",
40-
level: "50",
62+
level: "70",
63+
},
64+
{
65+
Icon: SiNextdotjs,
66+
name: "NextJS",
67+
level: "70",
68+
},
69+
{
70+
Icon: FaVuejs,
71+
name: "VueJS",
72+
level: "60",
4173
},
4274
{
43-
Icon: BsCircleFill,
75+
Icon: FaPhp,
4476
name: "PHP",
4577
level: "70",
4678
},
4779
{
48-
Icon: BsCircleFill,
80+
Icon: FaLaravel,
4981
name: "Laravel",
5082
level: "60",
5183
},
5284
{
53-
Icon: BsCircleFill,
85+
Icon: SiCplusplus,
86+
name: "C++",
87+
level: "60",
88+
},
89+
{
90+
Icon: SiJava,
91+
name: "Java",
92+
level: "70",
93+
},
94+
{
95+
Icon: SiTailwindcss,
5496
name: "TailwindCSS",
5597
level: "80",
5698
},
99+
{
100+
Icon: AiOutlineConsoleSql,
101+
name: "SQL",
102+
level: "80",
103+
},
57104
];
58105

59106
export const tools: Skill[] = [
60107
{
61-
Icon: BsCircleFill,
108+
Icon: FaDocker,
62109
name: "Docker",
63110
level: "75",
64111
},
65112
{
66-
Icon: BsCircleFill,
67-
name: "MS Azure",
113+
Icon: SiMicrosoftazure,
114+
name: "Azure",
68115
level: "60",
69116
},
70117
{
71-
Icon: BsCircleFill,
118+
Icon: AiOutlineApi,
72119
name: "REST APIs",
73120
level: "70",
74121
},
75122
{
76-
Icon: BsCircleFill,
123+
Icon: ImGit,
77124
name: "GIT",
78125
level: "80",
79126
},
80127
{
81-
Icon: BsCircleFill,
128+
Icon: AiFillGithub,
129+
name: "GitHub",
130+
level: "80",
131+
},
132+
{
133+
Icon: BiGitCompare,
82134
name: "CI/CD",
83-
level: "50",
135+
level: "60",
136+
},
137+
{
138+
Icon: DiLinux,
139+
name: "Unix/Linux",
140+
level: "85",
141+
},
142+
{
143+
Icon: SiPostgresql,
144+
name: "PostgreSQL",
145+
level: "70",
146+
},
147+
{
148+
Icon: SiRedis,
149+
name: "Redis",
150+
level: "60",
151+
},
152+
{
153+
Icon: SiMongodb,
154+
name: "MongoDB",
155+
level: "60",
84156
},
85157
];
86158

87159
export const otherSkills: Skill[] = [
88160
{
89-
Icon: BsCircleFill,
161+
Icon: DiGoogleAnalytics,
162+
name: "Algorithm Analysis",
163+
level: "70",
164+
},
165+
{
166+
Icon: SiDatabricks,
167+
name: "Data Structure",
168+
level: "65",
169+
},
170+
{
171+
Icon: MdEngineering,
172+
name: "Software Engineering",
173+
level: "80",
174+
},
175+
{
176+
Icon: SiTextpattern,
90177
name: "MVC pattern",
91178
level: "75",
92179
},
93180
{
94-
Icon: BsCircleFill,
95-
name: "Django ORM",
181+
Icon: BiNetworkChart,
182+
name: "Agile (Scrum)",
96183
level: "70",
97184
},
185+
{
186+
Icon: GiTestTubes,
187+
name: "Test Driven Development",
188+
level: "80",
189+
},
190+
98191
];
99192

100193
export const cards: Card[] = [
@@ -111,7 +204,7 @@ export const cards: Card[] = [
111204
{
112205
Icon: VscFolderLibrary,
113206
name: "Projects",
114-
description: "50+ Completed",
207+
description: "30+ Completed",
115208
},
116209
];
117210
export const services: Service[] = [
@@ -144,11 +237,11 @@ export const services: Service[] = [
144237
title: "Competitive Engineer",
145238
about: "A problem solver in <a class='text-blue-700 dark:text-blue-300 hover:text-blue-600 dark:hover:text-blue-600' href='https://leetcode.com/abdoohossamm/' target='_blank'><b>LeetCode</b></a> & <a class='text-blue-700 dark:text-blue-300 hover:text-blue-600 dark:hover:text-blue-600' href='https://www.hackerrank.com/abdoohossamm?hr_r=1' target='_blank'><b>HackerRank</b></a> with good ranks in leetcode contest",
146239
},
147-
{
148-
Icon: AiFillYoutube,
149-
title: "Youtuber",
150-
about: "Nothing yet",
151-
},
240+
// {
241+
// Icon: AiFillYoutube,
242+
// title: "Youtuber",
243+
// about: "Nothing yet",
244+
// },
152245
];
153246

154247
export const projects: IProject[] = [
@@ -192,7 +285,13 @@ export const projects: IProject[] = [
192285

193286
{
194287
name: "Ecommerce",
195-
image_path: ["/images/projects/ecommerce.png"],
288+
image_path: [
289+
"/images/projects/ecommerce/ecommerce1.png",
290+
"/images/projects/ecommerce/ecommerce2.png",
291+
"/images/projects/ecommerce/ecommerce3.png",
292+
"/images/projects/ecommerce/ecommerce4.png",
293+
"/images/projects/ecommerce/ecommerce5.png"
294+
],
196295
deployed_url: "",
197296
github_url: "https://github.com/abdoohossamm/eCommerce",
198297
category: ["django", "vue", "microservices", "SQL", "NoSQL",],

0 commit comments

Comments
 (0)