chore(readme): add info and styling

README.md

@@ -10,11 +10,14 @@
 [![Node.js CI](https://github.com/NicoFilips/AzureAppService.NicoFilips/actions/workflows/node.js.yml/badge.svg)](https://github.com/NicoFilips/AzureAppService.NicoFilips/actions/workflows/node.js.yml)
 [![Deploy-Azure](https://github.com/NicoFilips/appservice-nicofilips/actions/workflows/deploy-azure.yml/badge.svg)](https://github.com/NicoFilips/appservice-nicofilips/actions/workflows/deploy-azure.yml)
 
+
 # 🚀 My Personal Web Portfolio 🌐
 
 Welcome to the GitHub repo for my personal web portfolio! This is where the magic happens for my SPA (Single Page Application) built with Node.js and TypeScript, hosted on Azure App Service. It's sleek, modern, and showcases my skills in style! 🌟
 
-## Tech Stack 🛠️
+</div>
+
+## Tech-Stack 🛠️
 
 - **Vite:** Lightning-fast frontend build tool ⚡
 - **React:** Powerful UI library 🎨
@@ -40,7 +43,7 @@ Follow these steps to get started:
 
 1. **Clone the Repo:**
 
-git clone [URL of the Repository]
+git clone https://github.com/NicoFilips/appservice-nicofilips.git
 
 
 
@@ -56,16 +59,37 @@ npm run dev
 
 ## Deployment 🌍
 
-Automated deployment via GitHub Actions. Manual deployment is also possible through the Azure App Service Extension in VS Code.
+Automated deployment via GitHub Actions. Manual deployment is also possible through the Azure App Service Extension in VS Code. Its important to make sure to have the correct GitHub Secrets configured so GitHub can continously deploy the app to Azure.
+On the other Hand, you can log in to your Azure Portal via the VS Code Extension and directly push your changes to your configured Appservice. You can also directly create a new appservice while deploying.
+If you're using Visual Studio or a JetBrains product, that will also work with Azure Plugins.
 
+<!-- CONTRIBUTE -->
 ## Need Help? 🆘
 
-Running into problems? Check out VS Code Extensions; they can often work wonders! For further issues, feel free to open an issue in the repo.
+Running into problems? Check out the Azure VS Code Extensions! they can often work wonders! For further issues, feel free to open an issue in the repo. In addition to the strategies outlined above, if you're encountering deployment issues in the Azure Portal, leveraging the Azure VS Code Extensions can significantly streamline the troubleshooting process. These extensions provide a more integrated and visual approach to manage and deploy your resources directly from your IDE. They allow you to view logs, set breakpoints, and deploy directly to Azure Appservices without leaving VS Code, making it easier to pinpoint the cause of deployment failures.
+
+Furthermore, if you continue to face challenges despite using the Azure extensions, consider leveraging the broader community and support channels by opening an issue in the repository related to your project or the Azure service you're using. This allows you to get specific advice and solutions from developers who might have encountered and resolved similar issues.
+
+
+<!-- LICENSE -->
+## License
+
+Distributed under the MIT License. See `LICENSE` for more information.
 
+
+<!-- CONTRIBUTE -->
 ## Want to Contribute? 🤝
 
-Got ideas or suggestions? I'm all ears! Issues and Pull Requests are always welcome.
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
 
----
+If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
+
+Fork the Project
+Create your Feature Branch (git checkout -b feature/AmazingFeature)
+Commit your Changes (git commit -m 'Add some AmazingFeature')
+Push to the Branch (git push origin feature/AmazingFeature)
+Open a Pull Request
 
+---
+<div align="center">
 Looking forward to your feedback and contributions! 🙌