├── .browserslistrc ├── .eslintrc.js ├── .gitignore ├── LICENSE ├── README.md ├── babel.config.js ├── config.js ├── info.js ├── netlify.toml ├── package-lock.json ├── package.json ├── public ├── favicon.ico ├── icon.png └── index.html ├── src ├── App.vue ├── assets │ ├── Screenshot.png │ ├── designs │ │ ├── Keep it green │ │ │ ├── cover.png │ │ │ └── show.png │ │ ├── booksi │ │ │ ├── For you.png │ │ │ ├── behance board.png │ │ │ ├── behance cover.png │ │ │ ├── home page.png │ │ │ ├── login.png │ │ │ └── register.png │ │ ├── credit │ │ │ ├── Dual tune.png │ │ │ ├── Glassmorphism.png │ │ │ ├── Gradiant.png │ │ │ ├── Monochrome.png │ │ │ ├── Neumorphism.png │ │ │ ├── behance cover.png │ │ │ └── degisning.png │ │ ├── digital agency │ │ │ ├── 1. start.png │ │ │ ├── 2. about.png │ │ │ ├── 3. Our services.png │ │ │ ├── 4. latest project.png │ │ │ ├── 5. Contact us.png │ │ │ └── behance cover.png │ │ ├── pill reminder │ │ │ ├── 1.png │ │ │ ├── 2.png │ │ │ └── Web 1.png │ │ └── weather │ │ │ ├── Wooden Hand iPhone 12 Pro.png │ │ │ ├── artboard.png │ │ │ └── weather app react native.png │ ├── logo.png │ ├── logo │ │ ├── C.png │ │ ├── Csharp.png │ │ ├── bootstrap.png │ │ ├── css.png │ │ ├── figma.png │ │ ├── git.png │ │ ├── html.png │ │ ├── illustrator.png │ │ ├── java.png │ │ ├── javascript.png │ │ ├── photoshop.png │ │ ├── php.png │ │ ├── python.png │ │ ├── react.png │ │ ├── vuejs.png │ │ └── xd.png │ ├── me.png │ ├── pdfs │ │ └── cv 2022.pdf │ └── portfolio │ │ ├── beauty │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── 5.png │ │ ├── 6.png │ │ └── 7.png │ │ ├── diary │ │ ├── 1.png │ │ ├── 2.png │ │ └── 3.png │ │ ├── myflix.com │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ └── 4.png │ │ └── online examination │ │ ├── exam (1).png │ │ ├── exam (2).png │ │ ├── exam (3).png │ │ ├── exam (4).png │ │ └── exam (5).png ├── components │ ├── About.vue │ ├── Contact.vue │ ├── Footer.vue │ ├── Home.vue │ ├── Navbar.vue │ ├── Portfolio.vue │ ├── Skills.vue │ └── helpers │ │ ├── Card.vue │ │ ├── Carousel.vue │ │ ├── DesignModal.vue │ │ ├── Gallery.vue │ │ ├── Logo.vue │ │ ├── Modal.vue │ │ ├── Snackbar.vue │ │ ├── Timeline.vue │ │ └── Wave.vue └── main.js └── vue.config.js /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential', 8 | 'eslint:recommended' 9 | ], 10 | parserOptions: { 11 | parser: 'babel-eslint' 12 | }, 13 | rules: { 14 | 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 15 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | firebase.json 6 | .firebase 7 | .firebaserc 8 | 9 | # local env files 10 | .env.local 11 | .env.*.local 12 | 13 | # Log files 14 | npm-debug.log* 15 | yarn-debug.log* 16 | yarn-error.log* 17 | 18 | # Editor directories and files 19 | .idea 20 | .vscode 21 | *.suo 22 | *.ntvs* 23 | *.njsproj 24 | *.sln 25 | *.sw? 26 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 mahy mohab 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vuejs-portofolio 2 | 3 | > Portfolio template using VueJs framework. 4 | 5 | ![Vue](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D) ![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white) ![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)![Netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white) ![jQuery](https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white) 6 | 7 | portfolio-vuejs preview 8 | 9 | ## Features 10 | 11 | - Builded with VueJs framework ✨ 12 | - One page layout ✨ 13 | - Material design ✨ 14 | - Bootstrap 4.5 & css ✨ 15 | - Responsive ✨ 16 | - Animated layout ✨ 17 | 18 | ## Build Setup 19 | 20 | ``` bash 21 | # install dependencies 22 | npm install 23 | # serve with hot reload at localhost:8080 24 | npm run dev 25 | # build for production with minification 26 | npm run build 27 | # build for production and view the bundle analyzer report 28 | npm run build --report 29 | ``` 30 | 31 | ## 📝 License 32 | 33 | This project is under [MIT] license 34 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/cli-plugin-babel/preset' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /config.js: -------------------------------------------------------------------------------- 1 | let config = { 2 | emailjs: { 3 | serviceID: "gmail", 4 | templateID: "template_zHretJ0d", 5 | userID: "user_8g0rh3d6Qj1QZBEU8USls" 6 | } 7 | }; 8 | 9 | export default config; 10 | -------------------------------------------------------------------------------- /info.js: -------------------------------------------------------------------------------- 1 | let info = { 2 | name: "Mahy Mohab", 3 | logo_name: "Mahy", 4 | flat_picture: require("./src/assets/me.png"), 5 | config: { 6 | use_cookies: true, 7 | navbar: { 8 | blur: false 9 | } 10 | }, 11 | description: 12 | "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.", 13 | links: { 14 | linkedin: "https://www.linkedin.com/in/mahy-mohab-209/", 15 | github: "https://github.com/mahy209", 16 | behance: "https://www.behance.net/mahymohab", 17 | resume: "https://drive.google.com/file/d/1W0pzOo1Gb-W70BYKehOfZ4qaJt7m1_7O/view?usp=sharing", 18 | }, 19 | education: [ 20 | { 21 | name: "KFS University", 22 | place: "Kafr Elsheikh", 23 | date: "sep, 2018 - present", 24 | degree: "bachelor in software engineering", 25 | gpa: "3.1/4.0", 26 | description: 27 | "", 28 | skills: [ 29 | "Software Engineering", 30 | "web programming", 31 | "UI/UX design", 32 | "Front-end developing", 33 | ] 34 | }, 35 | ], 36 | experience: [ 37 | { 38 | name: "ITI", 39 | place: "Kafr elSheikh, Egypt", 40 | date: "1,sep, 2021 - 28,sep, 2021", 41 | position: "VueJS web developer", 42 | description: 43 | "", 44 | skills: ["HTML5", "CSS3", "Bootstrap", "JQuery", "Json", "JavaSript", "TypeSript", "es6", "VueJS"] 45 | }, 46 | { 47 | name: "Udacity", 48 | place: "Egypt", 49 | date: "Jun 2021 - Jan 2022", 50 | position: "React Web Developer", 51 | description: 52 | "", 53 | skills: ["Javascript", "Typescript", "ReactJS", "React-Redux", "webpack", "NLP"] 54 | }, 55 | { 56 | name: "Freelancer", 57 | place: "Egypt", 58 | date: "jun, 2021 - sep, 2021", 59 | position: "Junior UI/UX Designer", 60 | description: "creating apps and web UI, Creating Interactive prototypes, Low fidelity and UX researches", 61 | skills: ["figma", "Adobe XD", "Photoshop", "Illustrator"] 62 | }, 63 | { 64 | name: "Technopolitan", 65 | place: "Cairo, Egypt", 66 | date: "Jan 2022 - Present", 67 | position: "Mid-Level UI/UX Designer", 68 | 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 ", 69 | skills: ["figma", "Adobe XD"] 70 | }, 71 | ], 72 | skills: [ 73 | { 74 | title: "UX/UI Design", 75 | info: ["Figma", "Illustrator", "XD", "Photoshop", "Gimp"], 76 | icon: "fa fa-pencil-square-o" 77 | }, 78 | { 79 | title: "Language", 80 | info: [ 81 | "Python","Javascript","TypeScript","Java","C#"], 82 | icon: "fa fa-code" 83 | }, 84 | { 85 | title: "Front-end", 86 | info: [ 87 | "HTML5","CSS3","Bootstrap3","Es6"], 88 | icon: "fa fa-cubes" 89 | }, 90 | { 91 | title: "web technologies", 92 | info: ["Vue", "React", "Node"], 93 | icon: "fas fa-laptop-code" 94 | }, 95 | ], 96 | portfolio_design: [ 97 | { 98 | name: "Keep it Green", 99 | title: "UI/UX Design", 100 | pictures: [ 101 | { 102 | img: require("./src/assets/designs/Keep it green/cover.png"), 103 | title: "MoodBoard" 104 | }, 105 | { 106 | img: require("./src/assets/designs/Keep it green/show.png"), 107 | title: "show" 108 | }, 109 | ], 110 | technologies: ["Figma", "Photoshop"], 111 | category: "Visual Design", 112 | github: "", 113 | date: "Jan, 2022", 114 | visit: "", 115 | description: 116 | "" 117 | }, 118 | { 119 | name: "Digital agency website", 120 | title: "UI/UX Design", 121 | pictures: [ 122 | { 123 | img: require("./src/assets/designs/digital agency/behance cover.png"), 124 | title: "MoodBoard" 125 | }, 126 | { 127 | img: require("./src/assets/designs/digital agency/1. start.png"), 128 | title: "App Elements" 129 | }, 130 | { 131 | img: require("./src/assets/designs/digital agency/2. about.png"), 132 | title: "App Elements" 133 | }, 134 | { 135 | img: require("./src/assets/designs/digital agency/3. Our services.png"), 136 | title: "App Elements" 137 | }, 138 | { 139 | img: require("./src/assets/designs/digital agency/4. latest project.png"), 140 | title: "App Elements" 141 | }, 142 | { 143 | img: require("./src/assets/designs/digital agency/5. Contact us.png"), 144 | title: "App Elements" 145 | }, 146 | ], 147 | technologies: ["Figma", "Illustrator"], 148 | category: "Visual Design", 149 | github: "", 150 | date: "Dec, 2021", 151 | visit: "", 152 | description: 153 | "" 154 | }, 155 | { 156 | name: "Credit card design", 157 | title: "Illustration", 158 | pictures: [ 159 | { 160 | img: require("./src/assets/designs/credit/behance cover.png"), 161 | title: "MoodBoard" 162 | }, 163 | { 164 | img: require("./src/assets/designs/credit/degisning.png"), 165 | title: "Degisning" 166 | }, 167 | { 168 | img: require("./src/assets/designs/credit/Dual tune.png"), 169 | title: "Dual tune" 170 | }, 171 | { 172 | img: require("./src/assets/designs/credit/Glassmorphism.png"), 173 | title: "Glassmorphism" 174 | }, 175 | { 176 | img: require("./src/assets/designs/credit/Gradiant.png"), 177 | title: "Gradiant" 178 | }, 179 | { 180 | img: require("./src/assets/designs/credit/Monochrome.png"), 181 | title: "Monochrome" 182 | }, 183 | { 184 | img: require("./src/assets/designs/credit/Neumorphism.png"), 185 | title: "Neumorphism" 186 | }, 187 | ], 188 | technologies: ["Figma", "Illustrator"], 189 | category: "Visual Design", 190 | github: "", 191 | date: "Dec, 2021", 192 | visit: "", 193 | description: 194 | "" 195 | }, 196 | { 197 | name: "BOOKSI", 198 | title: "E-Book library - UI/UX Design", 199 | pictures: [ 200 | { 201 | img: require("./src/assets/designs/booksi/behance cover.png"), 202 | title: "Cover" 203 | }, 204 | { 205 | img: require("./src/assets/designs/booksi/behance board.png"), 206 | title: "MoodBoard" 207 | }, 208 | { 209 | img: require("./src/assets/designs/booksi/login.png"), 210 | title: "login" 211 | }, 212 | { 213 | img: require("./src/assets/designs/booksi/register.png"), 214 | title: "register" 215 | }, 216 | { 217 | img: require("./src/assets/designs/booksi/home page.png"), 218 | title: "homepage" 219 | }, 220 | { 221 | img: require("./src/assets/designs/booksi/For you.png"), 222 | title: "just for you" 223 | } 224 | ], 225 | technologies: ["Figma", "Photoshop"], 226 | category: "Visual Design", 227 | github: "", 228 | date: "Nov, 2021", 229 | visit: "", 230 | description: 231 | " BOOKSI is Ebook android app for easy read books." 232 | }, 233 | { 234 | name: "Quiet Weather", 235 | title: "UI/UX Design", 236 | pictures: [ 237 | { 238 | img: require("./src/assets/designs/weather/Wooden Hand iPhone 12 Pro.png"), 239 | title: "MoodBoard" 240 | }, 241 | { 242 | img: require("./src/assets/designs/weather/artboard.png"), 243 | title: "show" 244 | }, 245 | { 246 | img: require("./src/assets/designs/weather/weather app react native.png"), 247 | title: "components" 248 | }, 249 | ], 250 | technologies: ["Figma", "Illustration"], 251 | category: "Visual Design", 252 | github: "", 253 | date: "Nov, 2021", 254 | visit: "", 255 | description: 256 | "Quiet Weather is a react native app by openweathermap api, i designed the ui/ux and coding it in react native, enjoy it!" 257 | }, 258 | { 259 | name: "Pill Reminder", 260 | title: "Pill Reminder - Mockup Design", 261 | pictures: [ 262 | { 263 | img: require("./src/assets/designs/pill reminder/Web 1.png"), 264 | title: "Moodboard" 265 | }, 266 | { 267 | img: require("./src/assets/designs/pill reminder/1.png"), 268 | title: "Mockups 1" 269 | }, 270 | { 271 | img: require("./src/assets/designs/pill reminder/2.png"), 272 | title: "Mockups 2" 273 | } 274 | ], 275 | technologies: ["XD", "Illustrator"], 276 | category: "Visual Design", 277 | github: "", 278 | date: "Apr, 2021", 279 | visit: "", 280 | description: 281 | "pill reminder app for nessecary drugs for the day." 282 | }, 283 | ], 284 | portfolio: [ 285 | { 286 | name: "Diary App", 287 | pictures: [ 288 | { 289 | img: require("./src/assets/portfolio/diary/1.png") 290 | }, 291 | { 292 | img: require("./src/assets/portfolio/diary/2.png") 293 | }, 294 | { 295 | img: require("./src/assets/portfolio/diary/3.png") 296 | }, 297 | ], 298 | technologies: ["react", "scss", "local storage"], 299 | category: "Web App", 300 | date: "Aug, 2021 - 20 days", 301 | github: 302 | "https://github.com/mahy209/notes-react-app.git", 303 | visit: "https://github.com/mahy209/notes-react-app.git", 304 | description: 305 | " Diary react app with some new features: Dark mode, upload images, tags, filter search with title/content/tag " 306 | }, 307 | { 308 | name: "Online Examination", 309 | pictures: [ 310 | { 311 | img: require("./src/assets/portfolio/online examination/exam (1).png") 312 | }, 313 | { 314 | img: require("./src/assets/portfolio/online examination/exam (2).png") 315 | }, 316 | { 317 | img: require("./src/assets/portfolio/online examination/exam (3).png") 318 | }, 319 | { 320 | img: require("./src/assets/portfolio/online examination/exam (4).png") 321 | }, 322 | { 323 | img: require("./src/assets/portfolio/online examination/exam (5).png") 324 | } 325 | ], 326 | technologies: ["HTML", "CSS","JavaSript","JQuery", "PHP", "MySQL"], 327 | category: "Web App", 328 | date: "Apr, 2021 - May, 2021", 329 | github: "https://github.com/mahy209/online-examination.git", 330 | visit: "https://github.com/mahy209/online-examination.git", 331 | description: 332 | "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." 333 | }, 334 | { 335 | name: "MyFlix.com", 336 | pictures: [ 337 | { 338 | img: require("./src/assets/portfolio/myflix.com/1.png") 339 | }, 340 | { 341 | img: require("./src/assets/portfolio/myflix.com/2.png") 342 | }, 343 | { 344 | img: require("./src/assets/portfolio/myflix.com/3.png") 345 | }, 346 | { 347 | img: require("./src/assets/portfolio/myflix.com/4.png") 348 | }, 349 | ], 350 | technologies: ["react", "css", "TMDB"], 351 | category: "Web App", 352 | date: "Aug, 2021 - 10 days", 353 | github: 354 | "https://github.com/mahy209/MyFlix-react-app.git", 355 | visit: "https://github.com/mahy209/MyFlix-react-app.git", 356 | description: 357 | " flix.com is a netflix clone using React JS and TMDB with courusal and search engine. " 358 | }, 359 | ], 360 | }; 361 | 362 | export default info; 363 | -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | [[redirects]] 2 | from = "/*" 3 | to = "/index.html" 4 | status = 200 -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hrpaul", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "@chenfengyuan/vue-carousel": "^1.0.5", 12 | "aos": "^3.0.0-beta.6", 13 | "babel-helper-vue-jsx-merge-props": "^2.0.3", 14 | "core-js": "^3.6.4", 15 | "emailjs-com": "^2.4.1", 16 | "material-icons": "^0.3.1", 17 | "serve": "^11.3.0", 18 | "v-tooltip": "^2.0.3", 19 | "vue": "^2.6.11", 20 | "vue-cookie": "^1.1.4", 21 | "vue-nav-tabs": "^0.5.7", 22 | "vue-parallax-js": "^0.2.3", 23 | "vue-router": "^3.3.4", 24 | "vue-scrollto": "^2.18.1", 25 | "vue-selector": "0.0.1", 26 | "vueperslides": "^2.10.2" 27 | }, 28 | "devDependencies": { 29 | "@vue/cli-plugin-babel": "~4.3.0", 30 | "@vue/cli-plugin-eslint": "~4.3.0", 31 | "@vue/cli-service": "~4.3.0", 32 | "babel-eslint": "^10.1.0", 33 | "eslint": "^6.7.2", 34 | "eslint-plugin-vue": "^6.2.2", 35 | "vue-template-compiler": "^2.6.11" 36 | }, 37 | "keywords": [], 38 | "description": "" 39 | } 40 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/public/favicon.ico -------------------------------------------------------------------------------- /public/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/public/icon.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | Porfolio 19 | 20 | 21 | 22 | 25 |
26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 77 | 78 | 250 | -------------------------------------------------------------------------------- /src/assets/Screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/Screenshot.png -------------------------------------------------------------------------------- /src/assets/designs/Keep it green/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/Keep it green/cover.png -------------------------------------------------------------------------------- /src/assets/designs/Keep it green/show.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/Keep it green/show.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/For you.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/For you.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/behance board.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/behance board.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/behance cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/behance cover.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/home page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/home page.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/login.png -------------------------------------------------------------------------------- /src/assets/designs/booksi/register.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/booksi/register.png -------------------------------------------------------------------------------- /src/assets/designs/credit/Dual tune.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/Dual tune.png -------------------------------------------------------------------------------- /src/assets/designs/credit/Glassmorphism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/Glassmorphism.png -------------------------------------------------------------------------------- /src/assets/designs/credit/Gradiant.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/Gradiant.png -------------------------------------------------------------------------------- /src/assets/designs/credit/Monochrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/Monochrome.png -------------------------------------------------------------------------------- /src/assets/designs/credit/Neumorphism.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/Neumorphism.png -------------------------------------------------------------------------------- /src/assets/designs/credit/behance cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/behance cover.png -------------------------------------------------------------------------------- /src/assets/designs/credit/degisning.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/credit/degisning.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/1. start.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/1. start.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/2. about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/2. about.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/3. Our services.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/3. Our services.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/4. latest project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/4. latest project.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/5. Contact us.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/5. Contact us.png -------------------------------------------------------------------------------- /src/assets/designs/digital agency/behance cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/digital agency/behance cover.png -------------------------------------------------------------------------------- /src/assets/designs/pill reminder/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/pill reminder/1.png -------------------------------------------------------------------------------- /src/assets/designs/pill reminder/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/pill reminder/2.png -------------------------------------------------------------------------------- /src/assets/designs/pill reminder/Web 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/pill reminder/Web 1.png -------------------------------------------------------------------------------- /src/assets/designs/weather/Wooden Hand iPhone 12 Pro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/weather/Wooden Hand iPhone 12 Pro.png -------------------------------------------------------------------------------- /src/assets/designs/weather/artboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/weather/artboard.png -------------------------------------------------------------------------------- /src/assets/designs/weather/weather app react native.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/designs/weather/weather app react native.png -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo.png -------------------------------------------------------------------------------- /src/assets/logo/C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/C.png -------------------------------------------------------------------------------- /src/assets/logo/Csharp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/Csharp.png -------------------------------------------------------------------------------- /src/assets/logo/bootstrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/bootstrap.png -------------------------------------------------------------------------------- /src/assets/logo/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/css.png -------------------------------------------------------------------------------- /src/assets/logo/figma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/figma.png -------------------------------------------------------------------------------- /src/assets/logo/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/git.png -------------------------------------------------------------------------------- /src/assets/logo/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/html.png -------------------------------------------------------------------------------- /src/assets/logo/illustrator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/illustrator.png -------------------------------------------------------------------------------- /src/assets/logo/java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/java.png -------------------------------------------------------------------------------- /src/assets/logo/javascript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/javascript.png -------------------------------------------------------------------------------- /src/assets/logo/photoshop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/photoshop.png -------------------------------------------------------------------------------- /src/assets/logo/php.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/php.png -------------------------------------------------------------------------------- /src/assets/logo/python.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/python.png -------------------------------------------------------------------------------- /src/assets/logo/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/react.png -------------------------------------------------------------------------------- /src/assets/logo/vuejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/vuejs.png -------------------------------------------------------------------------------- /src/assets/logo/xd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/logo/xd.png -------------------------------------------------------------------------------- /src/assets/me.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/me.png -------------------------------------------------------------------------------- /src/assets/pdfs/cv 2022.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/pdfs/cv 2022.pdf -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/1.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/2.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/3.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/4.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/5.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/6.png -------------------------------------------------------------------------------- /src/assets/portfolio/beauty/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/beauty/7.png -------------------------------------------------------------------------------- /src/assets/portfolio/diary/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/diary/1.png -------------------------------------------------------------------------------- /src/assets/portfolio/diary/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/diary/2.png -------------------------------------------------------------------------------- /src/assets/portfolio/diary/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/diary/3.png -------------------------------------------------------------------------------- /src/assets/portfolio/myflix.com/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/myflix.com/1.png -------------------------------------------------------------------------------- /src/assets/portfolio/myflix.com/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/myflix.com/2.png -------------------------------------------------------------------------------- /src/assets/portfolio/myflix.com/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/myflix.com/3.png -------------------------------------------------------------------------------- /src/assets/portfolio/myflix.com/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/myflix.com/4.png -------------------------------------------------------------------------------- /src/assets/portfolio/online examination/exam (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/online examination/exam (1).png -------------------------------------------------------------------------------- /src/assets/portfolio/online examination/exam (2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/online examination/exam (2).png -------------------------------------------------------------------------------- /src/assets/portfolio/online examination/exam (3).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/online examination/exam (3).png -------------------------------------------------------------------------------- /src/assets/portfolio/online examination/exam (4).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/online examination/exam (4).png -------------------------------------------------------------------------------- /src/assets/portfolio/online examination/exam (5).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mahy209/vuejs-portofolio/14781fa02f0af79ecba0fdb2fb0ad7342f3b55b0/src/assets/portfolio/online examination/exam (5).png -------------------------------------------------------------------------------- /src/components/About.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 67 | 68 | 74 | -------------------------------------------------------------------------------- /src/components/Contact.vue: -------------------------------------------------------------------------------- 1 | 113 | 114 | 189 | 190 | 256 | -------------------------------------------------------------------------------- /src/components/Footer.vue: -------------------------------------------------------------------------------- 1 | 44 | 45 | 78 | 79 | 108 | -------------------------------------------------------------------------------- /src/components/Home.vue: -------------------------------------------------------------------------------- 1 | 60 | 61 | 107 | 108 | 165 | -------------------------------------------------------------------------------- /src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 92 | 93 | 121 | 122 | 150 | -------------------------------------------------------------------------------- /src/components/Portfolio.vue: -------------------------------------------------------------------------------- 1 | 131 | 132 | 241 | 242 | 422 | -------------------------------------------------------------------------------- /src/components/Skills.vue: -------------------------------------------------------------------------------- 1 | 47 | 48 | 65 | 66 | 99 | -------------------------------------------------------------------------------- /src/components/helpers/Card.vue: -------------------------------------------------------------------------------- 1 | 61 | 62 | 83 | 84 | 211 | -------------------------------------------------------------------------------- /src/components/helpers/Carousel.vue: -------------------------------------------------------------------------------- 1 | 39 | 40 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /src/components/helpers/DesignModal.vue: -------------------------------------------------------------------------------- 1 | 66 | 67 | 98 | 99 | 241 | -------------------------------------------------------------------------------- /src/components/helpers/Gallery.vue: -------------------------------------------------------------------------------- 1 | 33 | 34 | 73 | 74 | 229 | -------------------------------------------------------------------------------- /src/components/helpers/Logo.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 30 | 31 | 49 | -------------------------------------------------------------------------------- /src/components/helpers/Modal.vue: -------------------------------------------------------------------------------- 1 | 74 | 75 | 106 | 107 | 249 | -------------------------------------------------------------------------------- /src/components/helpers/Snackbar.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 38 | 39 | 106 | -------------------------------------------------------------------------------- /src/components/helpers/Timeline.vue: -------------------------------------------------------------------------------- 1 | 55 | 56 | 69 | 70 | 133 | -------------------------------------------------------------------------------- /src/components/helpers/Wave.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 44 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | import AOS from 'aos' 5 | import 'aos/dist/aos.css' 6 | import VueParallaxJs from 'vue-parallax-js' 7 | import VueScrollTo from 'vue-scrollto' 8 | import VueRouter from 'vue-router' 9 | import VTooltip from 'v-tooltip' 10 | 11 | var VueCookie = require('vue-cookie'); 12 | 13 | Vue.use(VTooltip) 14 | Vue.use(VueRouter) 15 | Vue.use(VueScrollTo) 16 | Vue.use(VueCookie); 17 | Vue.use(VueParallaxJs) 18 | 19 | Vue.config.productionTip = false 20 | 21 | const routes = [ 22 | { path: '/'} 23 | ] 24 | 25 | const router = new VueRouter({ 26 | mode:'history', 27 | routes // short for `routes: routes` 28 | }) 29 | 30 | new Vue({ 31 | created () { 32 | AOS.init() 33 | }, 34 | router, 35 | render: h => h(App), 36 | }).$mount('#app') 37 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | chainWebpack: config => { 3 | config.module.rules.delete('eslint'); 4 | } 5 | } --------------------------------------------------------------------------------