Source: DALL-E 3
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! 🌟 If you like my Design, feel free to fork the Repo and use the design on your own. Leave some Credits tho! 😋
- Vite: Lightning-fast frontend build tool ⚡
- React: Powerful UI library 🎨
- TypeScript: JavaScript, but cooler 📚
- Redux: Future plans for state management (stay tuned! 📻)
What are the goals of this app?
- Responsive & Modern: Works and looks great everywhere! 💻📱
- Resume Display: All about my professional journey 📄
- Social Media Links: Connect with me on GitHub, LinkedIn, Xing 🔗
- Deployment: Smooth and automated with GitHub Actions 🚚
- Node.js Version: 20.10.0
- npm Version: 10.2.5
- Development Tool: VS Code
Follow these steps to get started:
- Clone the Repo:
git clone https://github.com/NicoFilips/appservice-nicofilips.git
- Install Dependencies:
npm install
- Start the Development Server:
npm run dev
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.
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.
Distributed under the MIT License. See LICENSE for more information.
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