diff --git a/package-lock.json b/package-lock.json index 6a2dd080..0d950647 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "vuejs-tailwindcss-portfolio", - "version": "0.1.0", + "version": "0.1.2", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "vuejs-tailwindcss-portfolio", - "version": "0.1.0", + "version": "0.1.2", "dependencies": { "@tailwindcss/forms": "^0.5.2", "@vue/cli-plugin-babel": "^5.0.4", diff --git a/package.json b/package.json index 812c4786..55c2902c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vuejs-tailwindcss-portfolio", - "version": "0.1.0", + "version": "0.1.3", "private": true, "scripts": { "serve": "vue-cli-service serve", diff --git a/public/favicon.png b/public/favicon.png index 03d88ec1..98081b86 100644 Binary files a/public/favicon.png and b/public/favicon.png differ diff --git a/public/files/Stoman-Resume.pdf b/public/files/Stoman-Resume.pdf deleted file mode 100644 index c09d0fe6..00000000 Binary files a/public/files/Stoman-Resume.pdf and /dev/null differ diff --git a/src/assets/images/best-track-1.png b/src/assets/images/best-track-1.png new file mode 100644 index 00000000..282a22b7 Binary files /dev/null and b/src/assets/images/best-track-1.png differ diff --git a/src/assets/images/best-track-2.png b/src/assets/images/best-track-2.png new file mode 100644 index 00000000..cf0b7f05 Binary files /dev/null and b/src/assets/images/best-track-2.png differ diff --git a/src/assets/images/best-track.png b/src/assets/images/best-track.png new file mode 100644 index 00000000..7c93b803 Binary files /dev/null and b/src/assets/images/best-track.png differ diff --git a/src/assets/images/brands/adidas_color.png b/src/assets/images/brands/adidas_color.png deleted file mode 100644 index b2f27b2f..00000000 Binary files a/src/assets/images/brands/adidas_color.png and /dev/null differ diff --git a/src/assets/images/brands/adidas_gray.png b/src/assets/images/brands/adidas_gray.png deleted file mode 100644 index ec071e3a..00000000 Binary files a/src/assets/images/brands/adidas_gray.png and /dev/null differ diff --git a/src/assets/images/brands/amazon_color.png b/src/assets/images/brands/amazon_color.png deleted file mode 100644 index 85c94109..00000000 Binary files a/src/assets/images/brands/amazon_color.png and /dev/null differ diff --git a/src/assets/images/brands/amazon_gray.png b/src/assets/images/brands/amazon_gray.png deleted file mode 100644 index badc309e..00000000 Binary files a/src/assets/images/brands/amazon_gray.png and /dev/null differ diff --git a/src/assets/images/brands/canon_color.png b/src/assets/images/brands/canon_color.png deleted file mode 100644 index b6ebe2b6..00000000 Binary files a/src/assets/images/brands/canon_color.png and /dev/null differ diff --git a/src/assets/images/brands/canon_gray.png b/src/assets/images/brands/canon_gray.png deleted file mode 100644 index c3f89832..00000000 Binary files a/src/assets/images/brands/canon_gray.png and /dev/null differ diff --git a/src/assets/images/brands/fila_color.png b/src/assets/images/brands/fila_color.png deleted file mode 100644 index 25d822b0..00000000 Binary files a/src/assets/images/brands/fila_color.png and /dev/null differ diff --git a/src/assets/images/brands/fila_gray.png b/src/assets/images/brands/fila_gray.png deleted file mode 100644 index 78316f7d..00000000 Binary files a/src/assets/images/brands/fila_gray.png and /dev/null differ diff --git a/src/assets/images/brands/nb_color.png b/src/assets/images/brands/nb_color.png deleted file mode 100644 index 281bf5d1..00000000 Binary files a/src/assets/images/brands/nb_color.png and /dev/null differ diff --git a/src/assets/images/brands/nb_gray.png b/src/assets/images/brands/nb_gray.png deleted file mode 100644 index 0acdda81..00000000 Binary files a/src/assets/images/brands/nb_gray.png and /dev/null differ diff --git a/src/assets/images/brands/puma_color.png b/src/assets/images/brands/puma_color.png deleted file mode 100644 index 3a15f41e..00000000 Binary files a/src/assets/images/brands/puma_color.png and /dev/null differ diff --git a/src/assets/images/brands/puma_gray.png b/src/assets/images/brands/puma_gray.png deleted file mode 100644 index 5e0aa92f..00000000 Binary files a/src/assets/images/brands/puma_gray.png and /dev/null differ diff --git a/src/assets/images/brands/samsung_color.png b/src/assets/images/brands/samsung_color.png deleted file mode 100644 index c09f86dd..00000000 Binary files a/src/assets/images/brands/samsung_color.png and /dev/null differ diff --git a/src/assets/images/brands/samsung_gray.png b/src/assets/images/brands/samsung_gray.png deleted file mode 100644 index 959cfd1f..00000000 Binary files a/src/assets/images/brands/samsung_gray.png and /dev/null differ diff --git a/src/assets/images/brands/sony_color.png b/src/assets/images/brands/sony_color.png deleted file mode 100644 index 51985acd..00000000 Binary files a/src/assets/images/brands/sony_color.png and /dev/null differ diff --git a/src/assets/images/brands/sony_gray.png b/src/assets/images/brands/sony_gray.png deleted file mode 100644 index 489cdf4a..00000000 Binary files a/src/assets/images/brands/sony_gray.png and /dev/null differ diff --git a/src/assets/images/encoremedlogo.png b/src/assets/images/encoremedlogo.png new file mode 100644 index 00000000..c22f3dc2 Binary files /dev/null and b/src/assets/images/encoremedlogo.png differ diff --git a/src/assets/images/encoremedmobile.png b/src/assets/images/encoremedmobile.png new file mode 100644 index 00000000..7c7580d7 Binary files /dev/null and b/src/assets/images/encoremedmobile.png differ diff --git a/src/assets/images/gotadikagoogleplay.png b/src/assets/images/gotadikagoogleplay.png new file mode 100644 index 00000000..0f99ddc0 Binary files /dev/null and b/src/assets/images/gotadikagoogleplay.png differ diff --git a/src/assets/images/gotadikalogo.png b/src/assets/images/gotadikalogo.png new file mode 100644 index 00000000..23910647 Binary files /dev/null and b/src/assets/images/gotadikalogo.png differ diff --git a/src/assets/images/gotadikamobile.png b/src/assets/images/gotadikamobile.png new file mode 100644 index 00000000..cedc9ef5 Binary files /dev/null and b/src/assets/images/gotadikamobile.png differ diff --git a/src/assets/images/gotadikascreenshot.png b/src/assets/images/gotadikascreenshot.png new file mode 100644 index 00000000..ee127aa6 Binary files /dev/null and b/src/assets/images/gotadikascreenshot.png differ diff --git a/src/assets/images/jejudatahub.png b/src/assets/images/jejudatahub.png new file mode 100644 index 00000000..9f77ed12 Binary files /dev/null and b/src/assets/images/jejudatahub.png differ diff --git a/src/assets/images/jejudatahub1.png b/src/assets/images/jejudatahub1.png new file mode 100644 index 00000000..900eadbb Binary files /dev/null and b/src/assets/images/jejudatahub1.png differ diff --git a/src/assets/images/jejudatahub2.png b/src/assets/images/jejudatahub2.png new file mode 100644 index 00000000..bbc88cb3 Binary files /dev/null and b/src/assets/images/jejudatahub2.png differ diff --git a/src/assets/images/logo-dark.png b/src/assets/images/logo-dark.png new file mode 100644 index 00000000..c7b0468a Binary files /dev/null and b/src/assets/images/logo-dark.png differ diff --git a/src/assets/images/logo-light.png b/src/assets/images/logo-light.png new file mode 100644 index 00000000..baed602c Binary files /dev/null and b/src/assets/images/logo-light.png differ diff --git a/src/assets/images/mobile-project-1.jpg b/src/assets/images/mobile-project-1.jpg deleted file mode 100644 index 7842656e..00000000 Binary files a/src/assets/images/mobile-project-1.jpg and /dev/null differ diff --git a/src/assets/images/mobile-project-2.jpg b/src/assets/images/mobile-project-2.jpg deleted file mode 100644 index 039dfe17..00000000 Binary files a/src/assets/images/mobile-project-2.jpg and /dev/null differ diff --git a/src/assets/images/petsystem.png b/src/assets/images/petsystem.png new file mode 100644 index 00000000..0cf43bb7 Binary files /dev/null and b/src/assets/images/petsystem.png differ diff --git a/src/assets/images/profile.jpeg b/src/assets/images/profile.jpeg deleted file mode 100644 index 7cbe9d36..00000000 Binary files a/src/assets/images/profile.jpeg and /dev/null differ diff --git a/src/assets/images/profilepicture.png b/src/assets/images/profilepicture.png new file mode 100644 index 00000000..81b6a936 Binary files /dev/null and b/src/assets/images/profilepicture.png differ diff --git a/src/assets/images/ui-project-1.jpg b/src/assets/images/ui-project-1.jpg deleted file mode 100644 index e08299bf..00000000 Binary files a/src/assets/images/ui-project-1.jpg and /dev/null differ diff --git a/src/assets/images/ui-project-2.jpg b/src/assets/images/ui-project-2.jpg deleted file mode 100644 index 6ef57b40..00000000 Binary files a/src/assets/images/ui-project-2.jpg and /dev/null differ diff --git a/src/assets/images/web-project-1.jpg b/src/assets/images/web-project-1.jpg deleted file mode 100644 index c28f2fa5..00000000 Binary files a/src/assets/images/web-project-1.jpg and /dev/null differ diff --git a/src/components/HireMeModal.vue b/src/components/HireMeModal.vue index c562b755..5b75550e 100644 --- a/src/components/HireMeModal.vue +++ b/src/components/HireMeModal.vue @@ -1,189 +1,287 @@ diff --git a/src/components/about/AboutClients.vue b/src/components/about/AboutClients.vue index 91497161..abafd062 100644 --- a/src/components/about/AboutClients.vue +++ b/src/components/about/AboutClients.vue @@ -1,73 +1,89 @@ diff --git a/src/components/about/AboutCounter.vue b/src/components/about/AboutCounter.vue index dd641572..ded02e6d 100644 --- a/src/components/about/AboutCounter.vue +++ b/src/components/about/AboutCounter.vue @@ -1,99 +1,76 @@ diff --git a/src/components/about/AboutMe.vue b/src/components/about/AboutMe.vue index c420c960..c7fe926f 100644 --- a/src/components/about/AboutMe.vue +++ b/src/components/about/AboutMe.vue @@ -1,44 +1,40 @@ diff --git a/src/components/contact/ContactForm.vue b/src/components/contact/ContactForm.vue index 7e7b5abb..07042be8 100644 --- a/src/components/contact/ContactForm.vue +++ b/src/components/contact/ContactForm.vue @@ -1,95 +1,168 @@ diff --git a/src/components/projects/ProjectGallery.vue b/src/components/projects/ProjectGallery.vue index 2054c82b..0be47fdb 100644 --- a/src/components/projects/ProjectGallery.vue +++ b/src/components/projects/ProjectGallery.vue @@ -1,21 +1,27 @@ diff --git a/src/components/projects/ProjectInfo.vue b/src/components/projects/ProjectInfo.vue index d38db7a4..17704254 100644 --- a/src/components/projects/ProjectInfo.vue +++ b/src/components/projects/ProjectInfo.vue @@ -1,116 +1,146 @@ diff --git a/src/components/projects/ProjectRelatedProjects.vue b/src/components/projects/ProjectRelatedProjects.vue deleted file mode 100644 index 51debbf2..00000000 --- a/src/components/projects/ProjectRelatedProjects.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/src/components/projects/ProjectSingle.vue b/src/components/projects/ProjectSingle.vue index 2af40376..945c526f 100644 --- a/src/components/projects/ProjectSingle.vue +++ b/src/components/projects/ProjectSingle.vue @@ -1,34 +1,45 @@ diff --git a/src/components/projects/ProjectsFilter.vue b/src/components/projects/ProjectsFilter.vue index feff5006..c5ed676d 100644 --- a/src/components/projects/ProjectsFilter.vue +++ b/src/components/projects/ProjectsFilter.vue @@ -1,53 +1,49 @@ diff --git a/src/components/projects/ProjectsGrid.vue b/src/components/projects/ProjectsGrid.vue index 1801d39e..7c7d81b0 100644 --- a/src/components/projects/ProjectsGrid.vue +++ b/src/components/projects/ProjectsGrid.vue @@ -1,147 +1,141 @@ diff --git a/src/components/shared/AppBanner.vue b/src/components/shared/AppBanner.vue index ba3693c4..c8567cfa 100644 --- a/src/components/shared/AppBanner.vue +++ b/src/components/shared/AppBanner.vue @@ -1,76 +1,120 @@ diff --git a/src/components/shared/AppFooter.vue b/src/components/shared/AppFooter.vue index 195c3b7f..24fa37e6 100644 --- a/src/components/shared/AppFooter.vue +++ b/src/components/shared/AppFooter.vue @@ -1,81 +1,36 @@ diff --git a/src/components/shared/AppHeader.vue b/src/components/shared/AppHeader.vue index 91743fb8..d1cf1017 100644 --- a/src/components/shared/AppHeader.vue +++ b/src/components/shared/AppHeader.vue @@ -1,181 +1,220 @@ diff --git a/src/components/shared/FooterCopyright.vue b/src/components/shared/FooterCopyright.vue index 9613c0b5..f59f689a 100644 --- a/src/components/shared/FooterCopyright.vue +++ b/src/components/shared/FooterCopyright.vue @@ -3,8 +3,7 @@ export default { data: () => { return { copyrightDate: new Date().getFullYear(), - projectName: 'Vue.js & Tailwind CSS Portfolio', - author: 'Stoman', + projectName: 'Nazme Aiman Dev', }; }, }; @@ -17,19 +16,11 @@ export default { > © {{ copyrightDate }}. {{ projectName }} - . Developed by - {{ author }} diff --git a/src/data/project.js b/src/data/project.js new file mode 100644 index 00000000..9026bdf1 --- /dev/null +++ b/src/data/project.js @@ -0,0 +1,321 @@ +// Projects data. +// Note: Here we are getting data from a JavaScript file, but in a different project I'll be fetching these projects from some sort of APIs. + +const projects = [ + { + id: "1", + singleProjectHeader: { + singleProjectTitle: "Encore Med System", + singleProjectDate: "December 01, 2020", + singleProjectTag: "Backend / Frontend", + }, + projectImages: [ + { + id: 1, + title: "Encore Med System UI", + img: require("@/assets/images/encoremedlogo.png"), + }, + { + id: 2, + title: "Encore Med System UI", + img: require("@/assets/images/web-project-2.jpg"), + }, + { + id: 3, + title: "Encore Med System UI", + img: require("@/assets/images/encoremedmobile.png"), + }, + ], + projectInfo: { + clientHeading: "About Company", + companyInfos: [ + { + id: 1, + title: "Encore Med", + details: "Company Ltd", + }, + { + id: 2, + title: "Services", + details: "Health Care System", + }, + { + id: 3, + title: "Website", + details: "https://encoremed.io/", + href: "https://encoremed.io/", + }, + ], + technologies: [ + { + title: "Tools & Technologies", + techs: [ + "HTML", + "CSS", + "JavaScript", + "Backbone.js", + "jQuery", + "SQL", + "Cordova", + "SVN", + ], + }, + ], + projectDetailsHeading: "Role/Task", + projectDetails: [ + { + id: 1, + details: + "Encore Med is a healthcare IT company, specialized in Patient Appointment and Queue System.", + }, + { + id: 2, + details: + "I was assigned as a junior software engineer from 2020 to 2021. Some of my tasks included providing an API, assisting the support team, debugging code, and maintaining the system.", + }, + ], + }, + }, + { + id: "2", + singleProjectHeader: { + singleProjectTitle: "Go Tadika", + singleProjectDate: "2021", + singleProjectTag: "Full Stack", + }, + projectImages: [ + { + id: 1, + title: "Go Tadika UI", + img: require("@/assets/images/gotadikascreenshot.png"), + }, + { + id: 2, + title: "Go Tadika UI", + img: require("@/assets/images/gotadikagoogleplay.png"), + }, + { + id: 3, + title: "Go Tadika UI", + img: require("@/assets/images/gotadikamobile.png"), + }, + ], + projectInfo: { + clientHeading: "About Client", + companyInfos: [ + { + id: 1, + title: "Name", + details: "Go Tadika", + }, + { + id: 2, + title: "Services", + details: "Kindergarten Management System", + }, + { + id: 3, + title: "Website", + details: "https://gotadika.com/", + href: "https://gotadika.com/", + }, + ], + technologies: [ + { + title: "Tools & Technologies", + techs: [ + "HTML", + "CSS", + "PHP", + "Laravel", + "JavaScript", + "Vue.js", + "React Native", + "Vuetify", + "Quasar", + "Capacitor", + "Git", + ], + }, + ], + projectDetailsHeading: "Role/Task", + projectDetails: [ + { + id: 1, + details: + "Go Tadika is a comprehensive system designed to manage all aspects of kindergarten daily activities digitally.", + }, + { + id: 2, + details: + "I initiated this project independently. I used Laravel for backend development, particularly to provide RESTful APIs, along with Vue.js for frontend development. The project is ongoing, and I have employed various JavaScript technologies/libraries for frontend development. For example, Vue CLI with Vuetify is used to build the admin dashboard, Quasar with Capacitor is used for building billing apps, and React Native is used for developing mobile apps for parents.", + }, + ], + }, + }, + { + id: "3", + singleProjectHeader: { + singleProjectTitle: "Jeju Data Hub", + singleProjectDate: "February 01, 2022", + singleProjectTag: "Frontend", + }, + projectImages: [ + { + id: 1, + title: "Best Track UI", + img: require("@/assets/images/jejudatahub.png"), + }, + { + id: 2, + title: "Best Track UI", + img: require("@/assets/images/jejudatahub1.png"), + }, + { + id: 3, + title: "Best Track UI", + img: require("@/assets/images/jejudatahub2.png"), + }, + + ], + projectInfo: { + clientHeading: "Ideker Sdn. Bhd.", + companyInfos: [ + { + id: 1, + title: "Ideker Sdn. Bhd", + details: "Company Ltd", + }, + { + id: 2, + title: "IT Services", + details: "IT Services", + }, + { + id: 3, + title: "Website", + details: "https://flexink.com/en/home/home-en/", + href: "https://flexink.com/en/home/home-en/", + }, + ], + technologies: [ + { + title: "Tools & Technologies", + techs: [ + "HTML", + "CSS", + "JavaScript", + "TypeScript", + "Vue.js", + ], + + }, + ], + projectDetailsHeading: "Role/Task", + projectDetails: [ + { + id: 1, + details: + "Jeju Data Hub is a service that provides Jeju Data from private companies and public institutions. As a service business ordered by Jeju Special Self-Government Provincial and Kakao, we are in charge of overall data collection and analysis, development and visualization along with site construction.", + }, + { + id: 2, + details: + "I worked as a front-end software engineer from 2022 to 2023. I developed the system from function from and maintained the system.", + }, + { + id: 3, + details: + "For this project, my primary focus was on developing a sophisticated system that seamlessly integrates with REST APIs, utilizing axios for efficient data fetching and management. My role predominantly revolved around enhancing the chart building capabilities, where I contributed significantly by developing a custom chart library based on Apex charts. This library not only streamlined the process of creating visually appealing and interactive charts but also simplified the integration of complex data visualization features into our application.One of the key challenges I tackled was ensuring efficient data synchronization and management within the Vue.js framework. Vue.js provided a robust platform for building reactive user interfaces, allowing me to implement real-time data updates and synchronized interactions seamlessly across different components of our application. This involved leveraging Vue's reactivity system to propagate changes efficiently and maintain consistency in our data flow. .", + }, + ], + }, + }, + { + id: "4", + singleProjectHeader: { + singleProjectTitle: "Best Track", + singleProjectDate: "December 02, 2022", + singleProjectTag: "Backend / Frontend", + }, + projectImages: [ + { + id: 1, + title: "Best Track UI", + img: require("@/assets/images/best-track.png"), + }, + { + id: 2, + title: "Best Track UI", + img: require("@/assets/images/best-track-1.png"), + }, + { + id: 3, + title: "Best Track UI", + img: require("@/assets/images/best-track-2.png"), + }, + + ], + projectInfo: { + clientHeading: "Examedia Software Sdn. Bhd.", + companyInfos: [ + { + id: 1, + title: "Examedia Software", + details: "Company Ltd", + }, + { + id: 2, + title: "IT Services", + details: "IT Services", + }, + { + id: 3, + title: "Website", + details: "https://examedia.com/", + href: "https://examedia.com/", + }, + ], + technologies: [ + { + title: "Tools & Technologies", + techs: [ + "HTML", + "CSS", + "JavaScript", + "TypeScript", + "Laravel", + "SQL", + "React Native", + "Vue.js", + ], + links: [ + "https://play.google.com/store/apps/details?id=com.nazmeaimanyunus.besttrack&hl=en", + "https://apps.apple.com/my/app/best-track/id1672176037" + ], + + }, + ], + projectDetailsHeading: "Role/Task", + projectDetails: [ + { + id: 1, + details: + "Best Track is an application that allows users to remotely control various aspects of their vehicle using the app, which requires an internet connection. Users can view their device coordinates, lock and unlock their vehicle's doors, cut off the engine, and restore the engine to its default state. Additionally, the app provides an alarm feature that sends notifications to the user when certain events occur, such as when the car engine is turned on or off, when the vehicle exceeds a speed limit, or when the car trunk is open.", + }, + { + id: 2, + details: + "I worked as a full-stack software engineer from 2023 to 2024. I developed the system from scratch using Laravel for the backend, Vue.js for building the dashboard, and React Native for building the mobile app.", + }, + { + id: 3, + details: + "For this project, I developed a sophisticated system integrating GPS tracking functionalities and Simcard management. The backend was developed using Laravel, incorporating Python scripts for data processing. The frontend was developed using React Native, providing a dynamic user interface and utilizing Google Maps API for real-time data visualization.", + }, + ], + }, + }, +]; + +export default projects; diff --git a/src/data/projects.js b/src/data/projects.js index 4dbd139a..48ed3e96 100644 --- a/src/data/projects.js +++ b/src/data/projects.js @@ -2,42 +2,36 @@ // Note: Here we are getting data from a js file, but in a different project I'll be fetching these projects from some srt of APIs. const projects = [ - { - id: 1, - title: 'Google Health Platform', - category: 'Web Application', - img: require('@/assets/images/web-project-2.jpg'), - }, - { - id: 2, - title: 'Phoenix Digital Agency', - category: 'Mobile Application', - img: require('@/assets/images/mobile-project-2.jpg'), - }, - { - id: 3, - title: 'Project Management UI', - category: 'UI/UX Design', - img: require('@/assets/images/ui-project-1.jpg'), - }, - { - id: 4, - title: 'Cloud Storage Platform', - category: 'UI/UX Design', - img: require('@/assets/images/ui-project-2.jpg'), - }, - { - id: 5, - title: 'React Social App', - category: 'Mobile Application', - img: require('@/assets/images/mobile-project-1.jpg'), - }, - { - id: 6, - title: 'Apple Design System', - category: 'Web Application', - img: require('@/assets/images/web-project-1.jpg'), - }, + { + id: 1, + title: "Encore Med", + category: "Web/Mobile Application", + img: require("@/assets/images/encoremedmobile.png"), + }, + { + id: 2, + title: "Go Tadika", + category: "Web/Mobile Application", + img: require("@/assets/images/gotadikamobile.png"), + }, + { + id: 3, + title: "Jeju Data Hub", + category: "Web Application", + img: require("@/assets/images/jejudatahub.png"), + }, + { + id: 4, + title: "Best Track", + category: "Web Application / SPA", + img: require("@/assets/images/best-track.png"), + }, + { + id: 4, + title: "Adoption Pets System", + category: "Web Application", + img: require("@/assets/images/petsystem.png"), + }, ]; export default projects; diff --git a/src/router/index.js b/src/router/index.js index a9b574bd..9e1f4d8b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -7,7 +7,7 @@ const routes = [ name: 'Home', component: Home, meta: { - title: 'Stoman - Home', + title: 'Nazme - Home', }, }, { @@ -19,7 +19,7 @@ const routes = [ component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'), meta: { - title: 'Stoman - About', + title: 'Nazme - About', }, }, { @@ -31,11 +31,11 @@ const routes = [ component: () => import(/* webpackChunkName: "projects" */ '../views/Projects.vue'), meta: { - title: 'Stoman - Projects', + title: 'Nazme - Projects', }, }, { - path: '/projects/single-project', + path: '/projects/single-project/:id', name: 'Single Project', // route level code-splitting // this generates a separate chunk (projects.[hash].js) for this route @@ -45,7 +45,7 @@ const routes = [ /* webpackChunkName: "projects" */ '../views/SingleProject.vue' ), meta: { - title: 'Stoman - Single Project', + title: 'Nazme - Single Project', }, }, { @@ -57,7 +57,7 @@ const routes = [ component: () => import(/* webpackChunkName: "projects" */ '../views/Contact.vue'), meta: { - title: 'Stoman - Contact', + title: 'Nazme - Contact', }, }, ]; @@ -74,7 +74,6 @@ export default router; /** * Below code will display the component/active page title - * Powered by: Nangialai Stoman */ // This callback runs before every route change, including on page load. diff --git a/src/views/Contact.vue b/src/views/Contact.vue index 845f2167..5a89d579 100644 --- a/src/views/Contact.vue +++ b/src/views/Contact.vue @@ -1,52 +1,59 @@ diff --git a/src/views/Home.vue b/src/views/Home.vue index 7e22d340..b2cf7028 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -1,14 +1,12 @@ @@ -22,15 +20,6 @@ export default { -
- -
diff --git a/src/views/SingleProject.vue b/src/views/SingleProject.vue index b57c29ca..58110e45 100644 --- a/src/views/SingleProject.vue +++ b/src/views/SingleProject.vue @@ -1,190 +1,57 @@