|
| 1 | +<a name="readme-top"></a> |
| 2 | + |
| 3 | + <!-- PROJECT SHIELDS --> |
| 4 | + |
| 5 | +[![Contributors][contributors-shield]][contributors-url] |
| 6 | +[![Forks][forks-shield]][forks-url] |
| 7 | +[![Stargazers][stars-shield]][stars-url] |
| 8 | +[![Issues][issues-shield]][issues-url] |
| 9 | +[![MIT License][license-shield]][license-url] |
| 10 | +[![LinkedIn][linkedin-shield]][linkedin-url] |
| 11 | + |
| 12 | + <!-- PROJECT LOGO --> |
| 13 | + |
| 14 | + <br /> |
| 15 | + <div align="center"> |
| 16 | + <a href="https://github.com/mdyeates/my-portfolio"> |
| 17 | + <img src="src/images/logo.svg" alt="Logo" width="200" height="200"> |
| 18 | + </a> |
| 19 | + <h1 align="center">michaelyeates.co.uk</h1> |
| 20 | + <p align="center"> |
| 21 | + <br/> |
| 22 | +Crafting Connections through Code: Explore my journey, projects, and passions in this immersive portfolio powered by React.<br/> |
| 23 | + <br/> |
| 24 | + Built by: Michael Yeates |
| 25 | + <br/> |
| 26 | + <br/> |
| 27 | + <a href="https://github.com/mdyeates/my-portfolio"><strong>Explore the docs »</strong></a> |
| 28 | + <br/> |
| 29 | + <br/> |
| 30 | + <a href="https://michaelyeates.co.uk">View Live Website</a> |
| 31 | + · |
| 32 | + <a href="https://github.com/mdyeates/my-portfolio/issues">Report Bug</a> |
| 33 | + · |
| 34 | + <a href="https://github.com/mdyeates/my-portfolio/issues">Request Feature</a> |
| 35 | + </p> |
| 36 | + </div> |
| 37 | + |
| 38 | + <!-- TABLE OF CONTENTS --> |
| 39 | + |
| 40 | + <details> |
| 41 | + <summary>Table of Contents</summary> |
| 42 | + <ol> |
| 43 | + <li> |
| 44 | + <a href="#about-the-project">About The Project</a> |
| 45 | + <ul> |
| 46 | + <li><a href="#photos">Photos</a></li> |
| 47 | + <li><a href="#built-with">Built With</a></li> |
| 48 | + <li><a href="#description">Description</a></li> |
| 49 | + </ul> |
| 50 | + </li> |
| 51 | + <li> |
| 52 | + <a href="#getting-started">Getting Started</a> |
| 53 | + <ul> |
| 54 | + <li><a href="#prerequisites">Prerequisites</a></li> |
| 55 | + <li><a href="#installation">Installation</a></li> |
| 56 | + </ul> |
| 57 | + </li> |
| 58 | + <li><a href="#license">License</a></li> |
| 59 | + <li><a href="#questions">Questions</a></li> |
| 60 | + </ol> |
| 61 | + </details> |
| 62 | + |
| 63 | + <!-- ABOUT THE PROJECT --> |
| 64 | + |
| 65 | + ## About The Project |
| 66 | + |
| 67 | + ### Photos |
| 68 | + |
| 69 | +[![My React Portfolio Screen Shot][product-screenshot]](https://michaelyeates.co.uk) |
| 70 | + |
| 71 | +[![My React Portfolio Screen Shot][product-screenshot2]](https://michaelyeates.co.uk) |
| 72 | + |
| 73 | +[![My React Portfolio Screen Shot][product-screenshot3]](https://michaelyeates.co.uk) |
| 74 | + |
| 75 | +[![My React Portfolio Screen Shot][product-screenshot4]](https://michaelyeates.co.uk) |
| 76 | + |
| 77 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 78 | + |
| 79 | + ### Built With |
| 80 | + |
| 81 | +  |
| 82 | + |
| 83 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 84 | + |
| 85 | + ### Description |
| 86 | + |
| 87 | +This is more than a portfolio; it's an invitation to explore, learn, and connect. So, immerse yourself and enjoy the journey. |
| 88 | + |
| 89 | +While I wholeheartedly encourage you to utilise my portfolio as a springboard for your own creative ventures, I would like to kindly ask that, in the spirit of fairness and recognition, you provide attribution to <strong>michaelyeates.co.uk</strong>. Your support in acknowledging the origin of this portfolio is greatly appreciated. |
| 90 | + |
| 91 | +I kindly urge you to abstain from portraying either the portfolio or the projects as products of your own authorship. The energy and time devoted to shaping this portfolio reflect my personal journey and aspirations. |
| 92 | + |
| 93 | +Thank you for your understanding, and for embracing the ethos of creativity, authenticity, and shared respect that underpins our digital community. Your appreciation means a lot! |
| 94 | + |
| 95 | +If you like what you see, I'd be truly grateful if you consider giving it a star 🌟 |
| 96 | + |
| 97 | +<h3>TL;DR</h3> |
| 98 | +Feel free to fork this repo for your own purposes, provided you give me credit. |
| 99 | + |
| 100 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 101 | + |
| 102 | +<!-- GETTING STARTED --> |
| 103 | + |
| 104 | +## Getting Started |
| 105 | + |
| 106 | +To get a local copy up and running follow these simple example steps. |
| 107 | + |
| 108 | +### Prerequisites |
| 109 | + |
| 110 | +- npm |
| 111 | + ```sh |
| 112 | + npm install npm@latest -g |
| 113 | + ``` |
| 114 | + |
| 115 | +### Installation |
| 116 | + |
| 117 | +1. Clone the repo |
| 118 | + ```sh |
| 119 | + git clone https://github.com/mdyeates/my-portfolio.git |
| 120 | + ``` |
| 121 | +2. Install NPM packages |
| 122 | + ```sh |
| 123 | + npm install |
| 124 | + ``` |
| 125 | + |
| 126 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 127 | + |
| 128 | + |
| 129 | + <!-- LICENSE --> |
| 130 | + |
| 131 | +## License |
| 132 | + |
| 133 | +Distributed under the MIT License. See `LICENSE.md` for more information. |
| 134 | + |
| 135 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 136 | + |
| 137 | + |
| 138 | +<!-- QUESTIONS --> |
| 139 | + |
| 140 | +## Questions |
| 141 | + |
| 142 | +If you have any inquiries, don't hesitate to reach out to me via socials or by sending an email to < a href= "mailto:[email protected]"> [email protected]</ a> |
| 143 | + |
| 144 | +<a href="https://www.linkedin.com/in/mdyeates/">LinkedIn</a> | <a href="https://github.com/mdyeates/">GitHub</a> |
| 145 | + |
| 146 | +Project Link: [https://github.com/mdyeates/my-portfolio](https://github.com/mdyeates/my-portfolio) |
| 147 | + |
| 148 | + <p align="right"><a href="#readme-top">back to top</a></p> |
| 149 | + |
| 150 | + <!-- MARKDOWN LINKS & IMAGES --> |
| 151 | + |
| 152 | +[contributors-shield]: https://img.shields.io/github/contributors/mdyeates/my-portfolio.svg?style=for-the-badge |
| 153 | +[contributors-url]: https://github.com/mdyeates/my-portfolio/graphs/contributors |
| 154 | +[forks-shield]: https://img.shields.io/github/forks/mdyeates/my-portfolio.svg?style=for-the-badge |
| 155 | +[forks-url]: https://github.com/mdyeates/my-portfolio/network/members |
| 156 | +[stars-shield]: https://img.shields.io/github/stars/mdyeates/my-portfolio.svg?style=for-the-badge |
| 157 | +[stars-url]: https://github.com/mdyeates/my-portfolio/stargazers |
| 158 | +[issues-shield]: https://img.shields.io/github/issues/mdyeates/my-portfolio.svg?style=for-the-badge |
| 159 | +[issues-url]: https://github.com/mdyeates/my-portfolio/issues |
| 160 | +[license-shield]: https://img.shields.io/github/license/mdyeates/my-portfolio.svg?style=for-the-badge |
| 161 | +[license-url]: https://github.com/mdyeates/my-portfolio/blob/main/LICENSE.md |
| 162 | +[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555 |
| 163 | +[linkedin-url]: https://linkedin.com/in/mdyeates |
| 164 | + |
| 165 | + <!-- UPDATE PLACEHOLDER IMAGES HERE --> |
| 166 | + |
| 167 | +[product-screenshot]: src/images/screenshot.png |
| 168 | +[product-screenshot2]: src/images/screenshot2.png |
| 169 | +[product-screenshot3]: src/images/screenshot3.png |
| 170 | +[product-screenshot4]: src/images/screenshot4.png |
| 171 | +[responsive-screenshot]: src/images/mobile-screenshot.png |
| 172 | +[responsive-screenshot2]: src/images/mobile-screenshot2.png |
| 173 | +[responsive-screenshot3]: src/images/mobile-screenshot3.png |
| 174 | +[responsive-screenshot4]: src/images/mobile-screenshot4.png |
0 commit comments