https://github.com/nirmalnaveen20/mlsa-portfolio

Technical on Board
https://github.com/nirmalnaveen20/mlsa-portfolio

azurewebapp cicd codespace copilot javascript portfolio-website

Last synced: 1 day ago
JSON representation

Technical on Board

• Host: GitHub
• URL: https://github.com/nirmalnaveen20/mlsa-portfolio
• Owner: NirmalNaveen20
• License: mit
• Created: 2023-06-21T19:15:34.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-05T19:17:04.000Z (about 1 year ago)
• Last Synced: 2023-12-06T19:39:28.909Z (about 1 year ago)
• Topics: azurewebapp, cicd, codespace, copilot, javascript, portfolio-website
• Language: JavaScript
• Homepage: https://jolly-tree-00cfb1b10.4.azurestaticapps.net
• Size: 13 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        

# JavaScript Portfolio Site with GitHub Codespaces and Azure Static Web Apps✨

This repo is a GitHub template to build a JavaScript personal portfolio frontend web application using the React framework. The goal here is practice and utilize website through Codespaces and deploy into the Azure Web Apps.

The repo contains the following:

* `/.devcontainer`

  - `.devcontainer/Dockerfile`: Configuration file used by Codespaces to determine operating system and other details.

  - `.devcontainer/devcontainer.json`: Configuration file used by Codespaces to configure Visual Studio Code settings, such as the enabling of additional extensions.

* `/src`: HTML, JS and CSS files used to build your portfolio site.

* `.eslintrc`: Settings for [ESLint](https://eslint.org/) that is included for code consistency and quality.

* `.prettierrc`: Settings for [Prettier](https://prettier.io/) that is used to format code.

* `package.json` and `package-lock.json`: Defines the project information for [Node.js](https://nodejs.org/), dependent packages and the versions needed of each.

## 🚀  Deploy web application

Project includes the setup needed for you to deploy **FREE** to either [Azure Static Web Apps](https://azure.microsoft.com/products/app-service/static/?WT.mc_id=academic-79839-sagibbon) _**or**_ [GitHub Pages](https://pages.github.com/). Instructions are included below for both:

### Azure Static Web Apps

[Azure Static Web Apps](https://azure.microsoft.com/products/app-service/static/?WT.mc_id=academic-79839-sagibbon) is Microsoft's hosting solution for static sites (or sites that are rendered in the user's browser, not on a server) through Azure. This service provides additional opportunities to expand your site through Azure Functions, authentication, staging versions and more.

### GitHub Pages

[GitHub Pages](https://pages.github.com/) allows you to host websites directly from your GitHub repository. This project is already set up for you to get your portfolio deployed to GitHub pages with minimal steps.

## 📚 Resources

* [GitHub Codespaces docs overview](https://docs.github.com/codespaces/overview)

* [GitHub Codespaces guides](https://docs.github.com/en/codespaces/guides)

* [GitHub Copilot docs](https://docs.github.com/en/copilot)

* [Use dev containers locally with VS Code and Docker](https://github.com/microsoft/vscode-remote-try-node#vs-code-dev-containers)