-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathinfo.js
362 lines (361 loc) · 12 KB
/
info.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
let info = {
name: "Mahy Mohab",
logo_name: "Mahy",
flat_picture: require("./src/assets/me.png"),
config: {
use_cookies: true,
navbar: {
blur: false
}
},
description:
"hey there, I'm Mahy Mohab about to graduate from the computer and information technology KSU, SE department. A UI/UX Designer with 2+ experience familiar with Figma, xd, photoshop, illustrator, also, a Frontend Engineer with 4+ experience, and 1+ experience with react, react native, vuejs.",
links: {
linkedin: "https://www.linkedin.com/in/mahy-mohab-209/",
github: "https://github.com/mahy209",
behance: "https://www.behance.net/mahymohab",
resume: "https://drive.google.com/file/d/1W0pzOo1Gb-W70BYKehOfZ4qaJt7m1_7O/view?usp=sharing",
},
education: [
{
name: "KFS University",
place: "Kafr Elsheikh",
date: "sep, 2018 - present",
degree: "bachelor in software engineering",
gpa: "3.1/4.0",
description:
"",
skills: [
"Software Engineering",
"web programming",
"UI/UX design",
"Front-end developing",
]
},
],
experience: [
{
name: "ITI",
place: "Kafr elSheikh, Egypt",
date: "1,sep, 2021 - 28,sep, 2021",
position: "VueJS web developer",
description:
"",
skills: ["HTML5", "CSS3", "Bootstrap", "JQuery", "Json", "JavaSript", "TypeSript", "es6", "VueJS"]
},
{
name: "Udacity",
place: "Egypt",
date: "Jun 2021 - Jan 2022",
position: "React Web Developer",
description:
"",
skills: ["Javascript", "Typescript", "ReactJS", "React-Redux", "webpack", "NLP"]
},
{
name: "Freelancer",
place: "Egypt",
date: "jun, 2021 - sep, 2021",
position: "Junior UI/UX Designer",
description: "creating apps and web UI, Creating Interactive prototypes, Low fidelity and UX researches",
skills: ["figma", "Adobe XD", "Photoshop", "Illustrator"]
},
{
name: "Technopolitan",
place: "Cairo, Egypt",
date: "Jan 2022 - Present",
position: "Mid-Level UI/UX Designer",
description: "part of team include project managers and developers to create technically feasible design, creating 95% of CRM of the company ,creating user experience and interface using adobe XD for best user solution ,finishing 80% of tasks before the target ",
skills: ["figma", "Adobe XD"]
},
],
skills: [
{
title: "UX/UI Design",
info: ["Figma", "Illustrator", "XD", "Photoshop", "Gimp"],
icon: "fa fa-pencil-square-o"
},
{
title: "Language",
info: [
"Python","Javascript","TypeScript","Java","C#"],
icon: "fa fa-code"
},
{
title: "Front-end",
info: [
"HTML5","CSS3","Bootstrap3","Es6"],
icon: "fa fa-cubes"
},
{
title: "web technologies",
info: ["Vue", "React", "Node"],
icon: "fas fa-laptop-code"
},
],
portfolio_design: [
{
name: "Keep it Green",
title: "UI/UX Design",
pictures: [
{
img: require("./src/assets/designs/Keep it green/cover.png"),
title: "MoodBoard"
},
{
img: require("./src/assets/designs/Keep it green/show.png"),
title: "show"
},
],
technologies: ["Figma", "Photoshop"],
category: "Visual Design",
github: "",
date: "Jan, 2022",
visit: "",
description:
""
},
{
name: "Digital agency website",
title: "UI/UX Design",
pictures: [
{
img: require("./src/assets/designs/digital agency/behance cover.png"),
title: "MoodBoard"
},
{
img: require("./src/assets/designs/digital agency/1. start.png"),
title: "App Elements"
},
{
img: require("./src/assets/designs/digital agency/2. about.png"),
title: "App Elements"
},
{
img: require("./src/assets/designs/digital agency/3. Our services.png"),
title: "App Elements"
},
{
img: require("./src/assets/designs/digital agency/4. latest project.png"),
title: "App Elements"
},
{
img: require("./src/assets/designs/digital agency/5. Contact us.png"),
title: "App Elements"
},
],
technologies: ["Figma", "Illustrator"],
category: "Visual Design",
github: "",
date: "Dec, 2021",
visit: "",
description:
""
},
{
name: "Credit card design",
title: "Illustration",
pictures: [
{
img: require("./src/assets/designs/credit/behance cover.png"),
title: "MoodBoard"
},
{
img: require("./src/assets/designs/credit/degisning.png"),
title: "Degisning"
},
{
img: require("./src/assets/designs/credit/Dual tune.png"),
title: "Dual tune"
},
{
img: require("./src/assets/designs/credit/Glassmorphism.png"),
title: "Glassmorphism"
},
{
img: require("./src/assets/designs/credit/Gradiant.png"),
title: "Gradiant"
},
{
img: require("./src/assets/designs/credit/Monochrome.png"),
title: "Monochrome"
},
{
img: require("./src/assets/designs/credit/Neumorphism.png"),
title: "Neumorphism"
},
],
technologies: ["Figma", "Illustrator"],
category: "Visual Design",
github: "",
date: "Dec, 2021",
visit: "",
description:
""
},
{
name: "BOOKSI",
title: "E-Book library - UI/UX Design",
pictures: [
{
img: require("./src/assets/designs/booksi/behance cover.png"),
title: "Cover"
},
{
img: require("./src/assets/designs/booksi/behance board.png"),
title: "MoodBoard"
},
{
img: require("./src/assets/designs/booksi/login.png"),
title: "login"
},
{
img: require("./src/assets/designs/booksi/register.png"),
title: "register"
},
{
img: require("./src/assets/designs/booksi/home page.png"),
title: "homepage"
},
{
img: require("./src/assets/designs/booksi/For you.png"),
title: "just for you"
}
],
technologies: ["Figma", "Photoshop"],
category: "Visual Design",
github: "",
date: "Nov, 2021",
visit: "",
description:
" BOOKSI is Ebook android app for easy read books."
},
{
name: "Quiet Weather",
title: "UI/UX Design",
pictures: [
{
img: require("./src/assets/designs/weather/Wooden Hand iPhone 12 Pro.png"),
title: "MoodBoard"
},
{
img: require("./src/assets/designs/weather/artboard.png"),
title: "show"
},
{
img: require("./src/assets/designs/weather/weather app react native.png"),
title: "components"
},
],
technologies: ["Figma", "Illustration"],
category: "Visual Design",
github: "",
date: "Nov, 2021",
visit: "",
description:
"Quiet Weather is a react native app by openweathermap api, i designed the ui/ux and coding it in react native, enjoy it!"
},
{
name: "Pill Reminder",
title: "Pill Reminder - Mockup Design",
pictures: [
{
img: require("./src/assets/designs/pill reminder/Web 1.png"),
title: "Moodboard"
},
{
img: require("./src/assets/designs/pill reminder/1.png"),
title: "Mockups 1"
},
{
img: require("./src/assets/designs/pill reminder/2.png"),
title: "Mockups 2"
}
],
technologies: ["XD", "Illustrator"],
category: "Visual Design",
github: "",
date: "Apr, 2021",
visit: "",
description:
"pill reminder app for nessecary drugs for the day."
},
],
portfolio: [
{
name: "Diary App",
pictures: [
{
img: require("./src/assets/portfolio/diary/1.png")
},
{
img: require("./src/assets/portfolio/diary/2.png")
},
{
img: require("./src/assets/portfolio/diary/3.png")
},
],
technologies: ["react", "scss", "local storage"],
category: "Web App",
date: "Aug, 2021 - 20 days",
github:
"https://github.com/mahy209/notes-react-app.git",
visit: "https://github.com/mahy209/notes-react-app.git",
description:
" Diary react app with some new features: Dark mode, upload images, tags, filter search with title/content/tag "
},
{
name: "Online Examination",
pictures: [
{
img: require("./src/assets/portfolio/online examination/exam (1).png")
},
{
img: require("./src/assets/portfolio/online examination/exam (2).png")
},
{
img: require("./src/assets/portfolio/online examination/exam (3).png")
},
{
img: require("./src/assets/portfolio/online examination/exam (4).png")
},
{
img: require("./src/assets/portfolio/online examination/exam (5).png")
}
],
technologies: ["HTML", "CSS","JavaSript","JQuery", "PHP", "MySQL"],
category: "Web App",
date: "Apr, 2021 - May, 2021",
github: "https://github.com/mahy209/online-examination.git",
visit: "https://github.com/mahy209/online-examination.git",
description:
"Online Examination System Today Online Examination System has become a fast growing examination method because of its speed and accuracy. It is also needed less manpower to execute the examination. Almost all organizations now-a-days, are conducting their objective exams by online examination system, it saves students time in examinations. Organizations can also easily check the performance of the student that they give in an examination. As a result of this, organizations are releasing results in less time. It also helps the environment by saving paper. According to today’s requirement, online examination project in php is very useful to learn it. What is an online examination system? In an online examination system examine get their user id and password with his/her admit card. This id is already saved in the examination server. When examine login to the server he/she get his/her profile already register. On the certain time examine gets the message to start the examination. All answers given by examine are saved into the server with his/her profile information. Online examination system also allows to correct the answer if the examine needed to change any answer in the examination time duration, however, after the time duration any change will not allow. This also makes c checking the answer easy and error proof as computers are more accurate than man and provide fast results too. Php is a web base language so we can create an online examination system in PHP. Administrator of Online Examination has multiple features such as Add, Delete, Update Topics and Question. To Login as Admin put inside your browser."
},
{
name: "MyFlix.com",
pictures: [
{
img: require("./src/assets/portfolio/myflix.com/1.png")
},
{
img: require("./src/assets/portfolio/myflix.com/2.png")
},
{
img: require("./src/assets/portfolio/myflix.com/3.png")
},
{
img: require("./src/assets/portfolio/myflix.com/4.png")
},
],
technologies: ["react", "css", "TMDB"],
category: "Web App",
date: "Aug, 2021 - 10 days",
github:
"https://github.com/mahy209/MyFlix-react-app.git",
visit: "https://github.com/mahy209/MyFlix-react-app.git",
description:
" flix.com is a netflix clone using React JS and TMDB with courusal and search engine. "
},
],
};
export default info;