|
| 1 | +<div align="center"> |
| 2 | + <img src="./public/Logo.png" width="141px" height="141px" /> |
| 3 | + <h1>Ali Reza</h1> |
| 4 | + <img src="./public/portfolio banner.png" /> |
| 5 | + <div> |
| 6 | + <img src="https://img.shields.io/badge/MADE%20BY%20React-61DBFB.svg?style=for-the-badge&logo=react&labelColor=000" /> |
| 7 | + <img src="https://img.shields.io/badge/Used%20TailwindCSS-61DBFB.svg?style=for-the-badge&logo=tailwindcss&labelColor=000" /> |
| 8 | + </div> |
| 9 | +</div> |
| 10 | + |
| 11 | +## My Journey for building my _Portfolio_ |
| 12 | + |
| 13 | +### `01/06/2023` |
| 14 | + |
| 15 | +- I've started designing the portfolio in [Figma](https://www.figma.com/file/ttikGrStgEATuF32JIpLb2/Untitled?node-id=0%3A1&t=bMekbk4bvVmGGv0g-1) |
| 16 | +- I've designed the Navbar ✅ |
| 17 | +- I've designed the Header ✅ |
| 18 | +- I've designed the Skills ✅ |
| 19 | + |
| 20 | +### `01/07/2023` |
| 21 | + |
| 22 | +- I've designed the About ✅ |
| 23 | +- I've designed the Projects ✅ |
| 24 | +- I've designed the Contact ✅ |
| 25 | +- I've designed the Footer ✅ |
| 26 | +- I've made the website for Tablet |
| 27 | +- I've made the website for Mobile |
| 28 | +- I'm going to use TailwindCSS, and I've typed all the classes that I need for this project [here](https://www.figma.com/file/ttikGrStgEATuF32JIpLb2/Untitled?node-id=27%3A256&t=ukc473FauIFrTNZZ-1) |
| 29 | + |
| 30 | +### `01/08/2023` |
| 31 | + |
| 32 | +- I've added two texts for the image in the `about` section. |
| 33 | +- I've added a large logo because of the quality. |
| 34 | +- I've added 3d shapes in the header section. |
| 35 | +- I've downloaded the following things: |
| 36 | + - Vite |
| 37 | + - TailwindCSS |
| 38 | + - Prettier |
| 39 | + - Lint |
| 40 | + - Husky |
| 41 | + - Github Folder for issue & Pull Request |
| 42 | + |
| 43 | +### `01/09/2023` |
| 44 | + |
| 45 | +- I made the `Navbar` |
| 46 | + - Design |
| 47 | + - Responsive |
| 48 | + - Hover Effect |
| 49 | + |
| 50 | +### `01/10/2023` |
| 51 | + |
| 52 | +- I made the `Home` |
| 53 | + - Design |
| 54 | + - Responsive |
| 55 | + - Animation (Intro) |
| 56 | + - Added two SVG with animation |
| 57 | +- I added the background gradient |
| 58 | +- I added a component for Button |
| 59 | +- For text gradient, I didn't use tailwind, I used vanilla CSS |
| 60 | + |
| 61 | +### `01/11/2023` |
| 62 | + |
| 63 | +- I made the `About` |
| 64 | +- I made the background grandient and border gradient |
| 65 | +- I made the `Projects` |
| 66 | + - 3 buttons |
| 67 | + - one showing case |
| 68 | +- I made the `Skills` |
| 69 | + |
| 70 | +### `01/12/2023` |
| 71 | + |
| 72 | +- I added some cool animation on each button when clicked |
| 73 | +- I made the `Contact` |
0 commit comments