Overview

Full Stack Web Development Tech Stack

Frontend

JavaScript Frameworks

• Vue.js with TypeScript

  • Vue.js: A progressive JavaScript framework.
  • Vue Router: Official router for Vue.js.
  • TypeScript: A superset of JavaScript that adds static typing.

• AngularJS

  • AngularJS: The first version of the Angular framework, a JavaScript-based open-source front-end web application framework.

Scaffolding Tool

• Yeoman
  • Yeoman: A robust and opinionated set of scaffolding tools for modern web applications.

Node Version Management

• NVM (Node Version Manager)
  • NVM: A version manager for Node.js, designed to be installed per-user and invoked per-shell.

Markdown for Documentation

• Markdown
  • Markdown Guide: A lightweight markup language with plain-text formatting syntax, widely used for documentation.

State Management

• Pinia
  • Pinia: Intuitive, type-safe, and blazing fast state management for Vue.js.

UI Component Libraries

• PrimeVue
  • PrimeVue: A complete set of UI components for Vue.js.
  • PrimeFlex: A utility-first CSS framework based on Flexbox.

Form Validation

• Vuelidate
  • Vuelidate: Simple, lightweight model-based validation for Vue.js.
  • Vuelidate Documentation: Official documentation for Vuelidate.

Internationalization

• Vue-i18n
  • Vue-i18n: Internationalization plugin for Vue.js applications.
  • Vue-i18n Documentation: Official documentation for Vue-i18n.

Build Tools and Bundlers

• Vite
  • Vite: A fast development server and a modern frontend build tool that streamlines the frontend development experience.
  • Vite + Vue: Official integration guide for using Vite with Vue.js.

Testing

• Vitest

  • Vitest: A lightweight, fast, and simple testing framework for Vue.js.
  • Vitest + Vue: Integration guide for using Vitest with Vue.js.

• Playwright

  • Playwright: A Node library to automate browsers based on the Chrome, Firefox, and WebKit browsers.

Styling

• Tailwind CSS
  • Tailwind CSS: Utility-first CSS framework.
  • Vue Tailwind: Vue-specific utility classes for Tailwind CSS.

Code Quality

• ESLint

  • ESLint: Pluggable linting utility for JavaScript and JSX.
  • Vue ESLint: ESLint plugin for Vue.js projects.

• Prettier

  • Prettier: Opinionated code formatter.
  • Vue Prettier: Prettier plugin for Vue.js files.

Package Managers and Build Tools

• Yarn

  • Yarn: Fast, reliable, and secure dependency management.

• Gulp

  • Gulp: A toolkit for automating tasks in the development workflow.

Backend

.NET Core

• ASP.NET Core
  • ASP.NET Core: Open-source, cross-platform framework for building modern, cloud-based, and internet-connected applications.
  • Entity Framework Core (EF Core)
    • EF Core: Object-relational mapping framework for .NET Core.

Authentication and Authorization

• IdentityServer4
  • IdentityServer4: OpenID Connect and OAuth 2.0 framework for .NET.
  • Vue.js OIDC Client: Vue.js client for IdentityServer4.

API Development

• Swagger
  • Swashbuckle (Swagger for .NET Core): Swagger tooling for API development with .NET Core.

Deployment, DevOps, and Hosting

• Docker

  • Docker: Platform for developing, shipping, and running applications in containers.
  • Docker Compose: Tool for defining and running multi-container Docker applications.

• DockerHub

  • DockerHub: Cloud-based registry service for building and sharing containerized applications.

• Bitbucket

  • Bitbucket: Git repository management solution with features like pull requests, code review, and more.

• CircleCI

  • CircleCI: Continuous Integration and Continuous Deployment (CI/CD) platform for automating software development processes.
  • CircleCI for .NET: Official CircleCI orb for .NET Core.

---

Markdown is included as a lightweight markup language for creating documentation, providing an easy and readable way to format text without the need for complex tools or software.