nirmalnaveen20 / mlsa-portfolio

Technical on Board

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 that is included for code consistency and quality.
• .prettierrc: Settings for Prettier that is used to format code.
• package.json and package-lock.json: Defines the project information for Node.js, 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 or GitHub Pages. Instructions are included below for both:

Azure Static Web Apps

Azure Static Web Apps 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 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
• GitHub Codespaces guides
• GitHub Copilot docs
• Use dev containers locally with VS Code and Docker