├── .babelrc ├── .github ├── FUNDING.yml └── workflows │ └── linters.yml ├── .gitignore ├── .stylelintrc.json ├── README.md ├── Screenshot from 2023-07-01 22-15-34.png ├── package-lock.json ├── package.json ├── public ├── about.txt ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── f.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── ff.png ├── fizlogo (1).png ├── fizlogo.png ├── index.html └── site.webmanifest ├── reactportfolio.png └── src ├── App.css ├── App.jsx ├── assets ├── 1200px-Pharmaniaga_logo.png ├── 3dsmax.png ├── IntelliJ_IDEA_Icon.svg.png ├── Kotlin_Icon.svg.png ├── MCMC_Logo.png ├── SQLyog.ico ├── TEAMS.png ├── XMins.ico ├── androidstudio.png ├── bitbucket.png ├── blender.png ├── bootstrap.png ├── canva.png ├── cdt.png ├── close.png ├── css.png ├── discord.png ├── django.png ├── djangoo.png ├── drawio.png ├── effect.png ├── equal.png ├── f.png ├── figma.png ├── firebase.png ├── fiz.jpg ├── fiz2.jpg ├── fizlogo.png ├── fizloki.jpeg ├── flutter.png ├── git.png ├── github.png ├── gitlab.svg ├── heroku_icon_130912.png ├── html.png ├── imu.png ├── innoveam.png ├── javascript.png ├── jest.png ├── jquery.png ├── litera.png ├── mariadb.png ├── matlab.png ├── maya.png ├── mdec.webp ├── meet.png ├── mehhsa.png ├── metaspark.webp ├── mui.png ├── mysql.png ├── mysqll.png ├── netlify.svg ├── next.webp ├── npm.png ├── perkeso.png ├── petronas-logo.png ├── petronas.png ├── pharma.jpg ├── pharmaniaga.png ├── pixyz.ico ├── pngtree-cyberpunk-city-purple-background-image_2120128.jpg ├── postgres.png ├── postman.png ├── profile.jpg ├── rails.png ├── react.png ├── redux.png ├── rspec.png ├── rtm.png ├── rtmm.png ├── ruby.png ├── sass.png ├── skype.png ├── slack.png ├── spring-boot-logo.png ├── springboot.png ├── sushi.jpg ├── unity.png ├── uob.png ├── uoblogo.jpg ├── upm.png ├── upmlogo.png ├── upmm.png ├── vscode.png ├── vuforia.png ├── vuforiaa.png ├── webpack.png ├── wordpress.png ├── xD-logo.png ├── xdd.png └── zoom.webp ├── components ├── Footer.jsx ├── NavBar.css ├── NavBar.jsx ├── ProjectCard.css └── ProjectCard.jsx ├── index.jsx └── pages ├── About.css ├── About.jsx ├── Achievement.css ├── Achievements.jsx ├── Contact.css ├── Contact.jsx ├── Hero.css ├── Hero.jsx ├── Projects.css └── Projects.jsx /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-react" 4 | ], 5 | "plugins": ["@babel/plugin-syntax-jsx"] 6 | } -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: criedfizcken 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry 13 | custom: 14 | -------------------------------------------------------------------------------- /.github/workflows/linters.yml: -------------------------------------------------------------------------------- 1 | name: Linters 2 | 3 | on: pull_request 4 | 5 | env: 6 | FORCE_COLOR: 1 7 | 8 | jobs: 9 | stylelint: 10 | name: Stylelint 11 | runs-on: ubuntu-22.04 12 | steps: 13 | - uses: actions/checkout@v3 14 | - uses: actions/setup-node@v3 15 | with: 16 | node-version: "18.x" 17 | - name: Setup Stylelint 18 | run: | 19 | npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x 20 | [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.stylelintrc.json 21 | - name: Stylelint Report 22 | run: npx stylelint "**/*.{css,scss}" 23 | nodechecker: 24 | name: node_modules checker 25 | runs-on: ubuntu-22.04 26 | steps: 27 | - uses: actions/checkout@v3 28 | - name: Check node_modules existence 29 | run: | 30 | if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["stylelint-config-standard"], 3 | "plugins": ["stylelint-scss", "stylelint-csstree-validator"], 4 | "rules": { 5 | "at-rule-no-unknown": [ 6 | true, 7 | { 8 | "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 9 | } 10 | ], 11 | "scss/at-rule-no-unknown": [ 12 | true, 13 | { 14 | "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 15 | } 16 | ], 17 | "csstree/validator": true 18 | }, 19 | "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"] 20 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 |

Portfolio - Hafiz Kadir 🤟🏻

4 | 5 | # Table of Contents 6 | 7 | - [Table of Contents](#-table-of-contents) 8 | - [ Portfolio - Hafiz Kadir 🤟🏻](#-about-project-) 9 | - [🛠 Built With ](#-built-with-) 10 | - [Tech Stack ](#tech-stack-) 11 | - [Key Features ](#key-features-) 12 | - [💻 Getting Started ](#-getting-started-) 13 | - [Prerequisites](#prerequisites) 14 | - [Setup](#setup) 15 | - [Install](#install) 16 | - [Usage](#usage) 17 | - [👥 Authors ](#-authors-) 18 | - [🤝 Contributing ](#-contributing-) 19 | - [⭐️ Show your support ](#️-show-your-support-) 20 | - 21 | - [❓ FAQ ](#-faq-) 22 | 23 | 24 | 25 | # Portfolio - Hafiz Kadir 🤟🏻 26 | 27 | This Personal Portfolio is a dynamic and interactive portfolio website built with React and Redux in the Front-End. It provides a modern and visually appealing platform for showcasing your skills, projects, and achievements to potential employers or clients. 28 | 29 | ## 🛠 Built With 30 | 31 | ### Tech Stack 32 | 33 | 34 |
35 | Client 36 | 39 |
40 | 41 | ### App Screenshot 42 | ![screenshot](https://github.com/itsFiz/react-portfolio/blob/master/reactportfolio.png?raw=true) 43 | 44 | 45 |

(back to top)

46 | 47 | 48 | 49 | ## 💻 Getting Started 50 | 51 | 52 | To get a local copy up and running, follow these steps. 53 | 54 | ### Prerequisites 55 | 56 | In order to run this project you need: 57 | - [x] A web browser like Google Chrome. 58 | - [x] A code editor like Visual Studio Code with Git and Node.js. 59 | 60 | You can check if Git is installed by running the following command in the terminal. 61 | ``` 62 | $ git --version 63 | ``` 64 | 65 | Likewise for Node.js and npm for package installation. 66 | ``` 67 | $ node --version && npm --version 68 | ``` 69 | ### Setup 70 | 71 | Clone this repository using the GitHub link provided below. 72 | 73 | 74 | ### Install 75 | 76 | In the terminal, go to your file directory and run this command. 77 | 78 | ``` 79 | $ git clone https://github.com/itsFiz/react-portfolio.git 80 | ``` 81 | 82 | 83 | 84 | ### Usage 85 | 86 | Kindly modify the files as needed. 87 | 88 | In the project directory, you can run: 89 | ``` 90 | $ npm start 91 | ``` 92 | Runs the app in the development mode.\ 93 | Open [http://localhost:3000](http://localhost:3000) to view it in your browser. 94 | 95 | The page will reload when you make changes. 96 | 97 | You may also see any lint errors in the console. 98 | 99 | 100 |

(back to top)

101 | 102 | 103 | 104 | ## 👥 Authors 105 | 106 | 👤 **Hafiz Kadir** 107 | 108 | - GitHub: [@itsFiz](https://github.com/itsFiz) 109 | - Twitter: [@criedfizcken](https://twitter.com/criedfizcken) 110 | - LinkedIn: [Hafiz Kadir](https://www.linkedin.com/in/hfzkdr/) 111 | - Youtube: [Hafiz Kadir](https://www.youtube.com/@criedfizcken6200) 112 | 113 | 114 | 115 | 116 |

(back to top)

117 | 118 | 119 | ## 🤝 Contributing 120 | 121 | Contributions, issues, and feature requests are welcome! 122 | 123 | Feel free to check the [issues page](../../issues/). 124 | 125 |

(back to top)

126 | 127 | 128 | 129 | ## ⭐️ Show your support 130 | 131 | 132 | Give a ⭐️ if you like this project! 133 | 134 |

(back to top)

135 | 136 | 137 | ## 📝 License 138 | 139 | This project is copyright free. But I'll be grateful if you consider mentioning me. 140 | 141 |

(back to top)

142 | 143 | 144 |

Support if you can 💗

145 | 146 | [!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://ko-fi.com/criedfizcken) 147 | -------------------------------------------------------------------------------- /Screenshot from 2023-07-01 22-15-34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/Screenshot from 2023-07-01 22-15-34.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "portfolio", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@emailjs/browser": "^3.11.0", 7 | "@reduxjs/toolkit": "^1.9.5", 8 | "@testing-library/jest-dom": "^5.16.5", 9 | "@testing-library/react": "^13.4.0", 10 | "@testing-library/user-event": "^13.5.0", 11 | "emailjs": "^4.0.2", 12 | "rc-tabs": "^12.8.1", 13 | "react": "^18.2.0", 14 | "react-dom": "^18.2.0", 15 | "react-redux": "^8.1.1", 16 | "react-scripts": "^5.0.1", 17 | "react-scroll": "^1.8.9", 18 | "react-toastify": "^9.1.3", 19 | "typewriter-effect": "^2.19.0", 20 | "web-vitals": "^2.1.4" 21 | }, 22 | "scripts": { 23 | "start": "react-scripts start", 24 | "build": "react-scripts build", 25 | "test": "react-scripts test", 26 | "eject": "react-scripts eject" 27 | }, 28 | "browserslist": { 29 | "production": [ 30 | ">0.2%", 31 | "not dead", 32 | "not op_mini all" 33 | ], 34 | "development": [ 35 | "last 1 chrome version", 36 | "last 1 firefox version", 37 | "last 1 safari version" 38 | ] 39 | }, 40 | "devDependencies": { 41 | "@babel/core": "^7.22.5", 42 | "@babel/eslint-parser": "^7.22.5", 43 | "@babel/plugin-syntax-jsx": "^7.22.5", 44 | "@babel/preset-react": "^7.22.5", 45 | "stylelint": "^15.11.0", 46 | "stylelint-config-standard": "^34.0.0", 47 | "stylelint-csstree-validator": "^3.0.0", 48 | "stylelint-scss": "^5.3.0" 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /public/about.txt: -------------------------------------------------------------------------------- 1 | This favicon was generated using the following font: 2 | 3 | - Font Title: Leckerli One 4 | - Font Author: Copyright (c) 2011 Gesine Todt (www.gesine-todt.de), with Reserved Font Names "Leckerli" 5 | - Font Source: http://fonts.gstatic.com/s/leckerlione/v16/V8mCoQH8VCsNttEnxnGQ-1itLZxcBtItFw.ttf 6 | - Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL)) 7 | -------------------------------------------------------------------------------- /public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/f.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/f.png -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/favicon.ico -------------------------------------------------------------------------------- /public/ff.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/ff.png -------------------------------------------------------------------------------- /public/fizlogo (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/fizlogo (1).png -------------------------------------------------------------------------------- /public/fizlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/public/fizlogo.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | 15 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 32 | 33 | 34 | Fiz 🤟| Portfolio 35 | 36 | 37 | 38 | 39 |
40 | 42 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- 1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} -------------------------------------------------------------------------------- /reactportfolio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/reactportfolio.png -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | * { 2 | font-family: sans-serif; 3 | } 4 | 5 | body { 6 | margin: 0; 7 | background: #000; 8 | } 9 | 10 | body::-webkit-scrollbar { 11 | display: none; 12 | } 13 | 14 | ul > li { 15 | list-style: none; 16 | font-weight: bold; 17 | } 18 | 19 | button { 20 | border: 2px solid white; 21 | padding: 0.7rem 3rem; 22 | border-radius: 50px; 23 | cursor: pointer; 24 | font-size: 1.3rem; 25 | background: #950740; 26 | transition: 0.5s; 27 | } 28 | 29 | button:hover { 30 | background: white; 31 | color: black; 32 | border: 2px solid black; 33 | } 34 | 35 | a { 36 | text-decoration: none; 37 | color: inherit; 38 | cursor: pointer; 39 | } 40 | 41 | .App { 42 | background-image: url('./assets/effect.png'); 43 | animation: static 3s steps(5, end) infinite; 44 | z-index: 999; 45 | background-size: 200px; 46 | } 47 | 48 | footer h3 { 49 | text-align: center; 50 | color: white; 51 | margin: 0; 52 | padding: 2% 0; 53 | letter-spacing: 0.1rem; 54 | } 55 | 56 | @keyframes static { 57 | 0% { 58 | background-position: 0% 0%; 59 | } 60 | 61 | 20% { 62 | background-position: 25% 15%; 63 | } 64 | 65 | 40% { 66 | background-position: 50% 69%; 67 | } 68 | 69 | 60% { 70 | background-position: 33% 25%; 71 | } 72 | 73 | 80% { 74 | background-position: 72% 4%; 75 | } 76 | 77 | 100% { 78 | background-position: 80% 91%; 79 | } 80 | } 81 | 82 | @media screen and (min-resolution: 100dpi) { 83 | button { 84 | font-size: 1rem; 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- 1 | import './App.css'; 2 | import NavBar from './components/NavBar'; 3 | import Hero from './pages/Hero'; 4 | import About from './pages/About'; 5 | import Projects from './pages/Projects'; 6 | import Contact from './pages/Contact'; 7 | import Achievements from './pages/Achievements' 8 | 9 | function App() { 10 | return ( 11 |
12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 | ); 24 | } 25 | 26 | export default App; 27 | -------------------------------------------------------------------------------- /src/assets/1200px-Pharmaniaga_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/1200px-Pharmaniaga_logo.png -------------------------------------------------------------------------------- /src/assets/3dsmax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/3dsmax.png -------------------------------------------------------------------------------- /src/assets/IntelliJ_IDEA_Icon.svg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/IntelliJ_IDEA_Icon.svg.png -------------------------------------------------------------------------------- /src/assets/Kotlin_Icon.svg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/Kotlin_Icon.svg.png -------------------------------------------------------------------------------- /src/assets/MCMC_Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/MCMC_Logo.png -------------------------------------------------------------------------------- /src/assets/SQLyog.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/SQLyog.ico -------------------------------------------------------------------------------- /src/assets/TEAMS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/TEAMS.png -------------------------------------------------------------------------------- /src/assets/XMins.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/XMins.ico -------------------------------------------------------------------------------- /src/assets/androidstudio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/androidstudio.png -------------------------------------------------------------------------------- /src/assets/bitbucket.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/bitbucket.png -------------------------------------------------------------------------------- /src/assets/blender.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/blender.png -------------------------------------------------------------------------------- /src/assets/bootstrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/bootstrap.png -------------------------------------------------------------------------------- /src/assets/canva.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/canva.png -------------------------------------------------------------------------------- /src/assets/cdt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/cdt.png -------------------------------------------------------------------------------- /src/assets/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/close.png -------------------------------------------------------------------------------- /src/assets/css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/css.png -------------------------------------------------------------------------------- /src/assets/discord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/discord.png -------------------------------------------------------------------------------- /src/assets/django.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/django.png -------------------------------------------------------------------------------- /src/assets/djangoo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/djangoo.png -------------------------------------------------------------------------------- /src/assets/drawio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/drawio.png -------------------------------------------------------------------------------- /src/assets/effect.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/effect.png -------------------------------------------------------------------------------- /src/assets/equal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/equal.png -------------------------------------------------------------------------------- /src/assets/f.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/f.png -------------------------------------------------------------------------------- /src/assets/figma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/figma.png -------------------------------------------------------------------------------- /src/assets/firebase.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/firebase.png -------------------------------------------------------------------------------- /src/assets/fiz.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/fiz.jpg -------------------------------------------------------------------------------- /src/assets/fiz2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/fiz2.jpg -------------------------------------------------------------------------------- /src/assets/fizlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/fizlogo.png -------------------------------------------------------------------------------- /src/assets/fizloki.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/fizloki.jpeg -------------------------------------------------------------------------------- /src/assets/flutter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/flutter.png -------------------------------------------------------------------------------- /src/assets/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/git.png -------------------------------------------------------------------------------- /src/assets/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/github.png -------------------------------------------------------------------------------- /src/assets/gitlab.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/heroku_icon_130912.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/heroku_icon_130912.png -------------------------------------------------------------------------------- /src/assets/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/html.png -------------------------------------------------------------------------------- /src/assets/imu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/imu.png -------------------------------------------------------------------------------- /src/assets/innoveam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/innoveam.png -------------------------------------------------------------------------------- /src/assets/javascript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/javascript.png -------------------------------------------------------------------------------- /src/assets/jest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/jest.png -------------------------------------------------------------------------------- /src/assets/jquery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/jquery.png -------------------------------------------------------------------------------- /src/assets/litera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/litera.png -------------------------------------------------------------------------------- /src/assets/mariadb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mariadb.png -------------------------------------------------------------------------------- /src/assets/matlab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/matlab.png -------------------------------------------------------------------------------- /src/assets/maya.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/maya.png -------------------------------------------------------------------------------- /src/assets/mdec.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mdec.webp -------------------------------------------------------------------------------- /src/assets/meet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/meet.png -------------------------------------------------------------------------------- /src/assets/mehhsa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mehhsa.png -------------------------------------------------------------------------------- /src/assets/metaspark.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/metaspark.webp -------------------------------------------------------------------------------- /src/assets/mui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mui.png -------------------------------------------------------------------------------- /src/assets/mysql.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mysql.png -------------------------------------------------------------------------------- /src/assets/mysqll.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/mysqll.png -------------------------------------------------------------------------------- /src/assets/netlify.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/next.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/next.webp -------------------------------------------------------------------------------- /src/assets/npm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/npm.png -------------------------------------------------------------------------------- /src/assets/perkeso.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/perkeso.png -------------------------------------------------------------------------------- /src/assets/petronas-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/petronas-logo.png -------------------------------------------------------------------------------- /src/assets/petronas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/petronas.png -------------------------------------------------------------------------------- /src/assets/pharma.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/pharma.jpg -------------------------------------------------------------------------------- /src/assets/pharmaniaga.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/pharmaniaga.png -------------------------------------------------------------------------------- /src/assets/pixyz.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/pixyz.ico -------------------------------------------------------------------------------- /src/assets/pngtree-cyberpunk-city-purple-background-image_2120128.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/pngtree-cyberpunk-city-purple-background-image_2120128.jpg -------------------------------------------------------------------------------- /src/assets/postgres.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/postgres.png -------------------------------------------------------------------------------- /src/assets/postman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/postman.png -------------------------------------------------------------------------------- /src/assets/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/profile.jpg -------------------------------------------------------------------------------- /src/assets/rails.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/rails.png -------------------------------------------------------------------------------- /src/assets/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/react.png -------------------------------------------------------------------------------- /src/assets/redux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/redux.png -------------------------------------------------------------------------------- /src/assets/rspec.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/rspec.png -------------------------------------------------------------------------------- /src/assets/rtm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/rtm.png -------------------------------------------------------------------------------- /src/assets/rtmm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/rtmm.png -------------------------------------------------------------------------------- /src/assets/ruby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/ruby.png -------------------------------------------------------------------------------- /src/assets/sass.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/sass.png -------------------------------------------------------------------------------- /src/assets/skype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/skype.png -------------------------------------------------------------------------------- /src/assets/slack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/slack.png -------------------------------------------------------------------------------- /src/assets/spring-boot-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/spring-boot-logo.png -------------------------------------------------------------------------------- /src/assets/springboot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/springboot.png -------------------------------------------------------------------------------- /src/assets/sushi.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/sushi.jpg -------------------------------------------------------------------------------- /src/assets/unity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/unity.png -------------------------------------------------------------------------------- /src/assets/uob.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/uob.png -------------------------------------------------------------------------------- /src/assets/uoblogo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/uoblogo.jpg -------------------------------------------------------------------------------- /src/assets/upm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/upm.png -------------------------------------------------------------------------------- /src/assets/upmlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/upmlogo.png -------------------------------------------------------------------------------- /src/assets/upmm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/upmm.png -------------------------------------------------------------------------------- /src/assets/vscode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/vscode.png -------------------------------------------------------------------------------- /src/assets/vuforia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/vuforia.png -------------------------------------------------------------------------------- /src/assets/vuforiaa.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/vuforiaa.png -------------------------------------------------------------------------------- /src/assets/webpack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/webpack.png -------------------------------------------------------------------------------- /src/assets/wordpress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/wordpress.png -------------------------------------------------------------------------------- /src/assets/xD-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/xD-logo.png -------------------------------------------------------------------------------- /src/assets/xdd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/xdd.png -------------------------------------------------------------------------------- /src/assets/zoom.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/itsFiz/react-portfolio/7435ad2c3c36c9f9bfd09362e36f571a6af28897/src/assets/zoom.webp -------------------------------------------------------------------------------- /src/components/Footer.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Footer = () => ( 4 | <> 5 |