Loading repository data…
Karan0005 / repository
This project is an open-source repository that serves as a starting point for building scalable web applications.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
This versatile boilerplate accelerates medium to large-scale web development using NX Dev Tools, Angular for the frontend, and NestJS for the backend. It streamlines setup with dynamic environment parameterization for local, dev, UAT, and production stages, ensuring smooth transitions between environments.
With strict code quality checkpoints, including ESLint and Prettier configurations, it enforces consistency, detects syntax errors, and optimizes memory usage. Pre-configured Docker setups for both frontend and backend ensure seamless containerized deployments, and Jest handles unit and end-to-end testing across both applications for consistent, thorough test coverage.
A powerful upgrade command updates Angular, NestJS, NX Workspace, and npm dependencies, with automatic rollback to a stable state in case of failures. The boilerplate includes a CI/CD pipeline using GitHub Actions, automating deployments based on branch workflows. Additionally, two basic Angular components, NestJS routes, and a functional API interaction demonstrate the integration between frontend and backend.
It features a shared library for constants, interfaces, and other reusable elements, reducing duplication. Useful package.json commands, like a dynamic npm install that checks Node.js and npm versions and auto-installs essential VS Code extensions, simplify development. Interactive scaffolding commands create frontend and backend modules with pre-configured setups to expedite project scalability.
Dynamic Environment Setup Seamlessly supports local, dev, UAT, and production environments with parameterized configurations.
Code Quality Enforcement Integrates ESLint and Prettier for strict code consistency, syntax error detection, and memory optimization.
Unified Testing Utilizes Jest for both unit and end-to-end testing across frontend (Angular) and backend (NestJS).
Docker Integration Pre-configured Docker setup ensures smooth containerized development and deployment.
Upgrade Command with Rollback Automatically upgrades Angular, NestJS, NX Workspace, and npm modules with rollback on failure.
CI/CD Pipeline GitHub Actions pipeline automates deployments based on branch workflows.
Pre-built Components and Routes Includes basic Angular components and NestJS routes with a functional API call for full-stack demonstration.
Selected from shared topics, language and repository description—not editorial ratings.
Yihsuan1004 /
🅰️ This is a template project based on the Angular 16 framework, structured as Standalone.
34/100 healthmarcinporebski /
This is a boilerplate project of typescript nodejs server application built with angular2 core dependency injection component
29/100 healthShared Library Provides a common library for constants, interfaces, and enumerations to reduce code duplication.
Dynamic npm Install Checks and verifies Node.js and npm versions, automatically installing essential VS Code extensions.
Scaffolding Commands Interactive scaffolding commands generate modules with all required files for both frontend and backend.
Comprehensive CORS Configuration Ensures secure and flexible cross-origin resource sharing settings in the NestJS backend, accommodating varying production and development needs.
Military-Grade Logging Good configurable log management system for both backend and frontend, capable of logging information, warnings, and errors to streamline debugging and monitoring in all environments.
Ensure that you have the following installed:
└── simple-web-app-boilerplate/
├── .github
│ └── workflows
├── LICENSE
├── README.md
├── apps
│ ├── backend
│ ├── backend-e2e
│ ├── frontend
│ └── frontend-e2e
├── devops
│ ├── backend
│ └── frontend
├── docker-compose.yml
├── jest.config.ts
├── jest.preset.js
├── libs
│ └── shared
├── nx.json
├── package-lock.json
├── package.json
├── scripts
│ ├── dependency.verifier.js
│ ├── env.builder.js
│ ├── frontend.ignite.js
│ ├── generate.module.js
│ ├── upgrade.js
│ └── vs.extensions.setup.js
└── tsconfig.base.json
Clone the repository.
Install the project dependencies using the following command:
npm install
This will:
Run the project using Docker (optional):
npm run docker:up
This is optional, you can run the project even without Docker:
npm run frontend:serve command to run frontend.npm run backend:serve command to run backend.Build: Builds the frontend project after prompting for the environment.
npm run frontend:build
Unit Tests: Runs unit tests for the frontend.
npm run frontend:test
E2E Tests: Runs E2E tests for the frontend.
npm run frontend:e2e
Serve: Serves the frontend project after prompting for the environment.
npm run frontend:serve
Build: Builds the backend project.
npm run backend:build
Unit Tests: Runs unit tests for the backend.
npm run backend:test
E2E Tests: Runs E2E tests for the backend.
npm run backend:e2e
Serve: Serves the backend project.
npm run backend:serve
There is a custom script to upgrade all project dependencies. If an error occurs during the upgrade, the script will automatically rollback the changes.
npm run upgrade
This custom script streamlines the creation of new modules for either frontend or backend projects. It prompts the user for input on module and component/controller names, generates the necessary files and directories.
npm run generate:module
Local Development
Set up environment variable in a .env file.
Local Development with Docker
Set up environment variable in both the .env file and docker-compose.yml.
Dev, UAT, Prod Environments
Configure environment variable within CI/CD pipeline files.
Note: Depending on the project requirements, you may also need to configure environment variable in the backend or frontend configuration files.
Below is a sample .env file. This file should not contain sensitive or production-specific values.
For real environment variables, ensure they are managed securely.
# ====================== DISCLAIMER =======================
# This file is a sample configuration for environment variables.
# It should be committed to version control to provide a reference
# for required variables and their names. However, it should not
# contain sensitive or production-specific values.
#
# The actual `.env` file should contain real values and must be
# added to .gitignore to prevent it from being tracked in the
# repository. Ensure that sensitive information is securely managed
# and kept private.
# =========================================================
######################################
#### Common Environment Variables ####
######################################
PORT_FRONTEND=4000
# Note: PORT_BACKEND change required inside apps/frontend/src/config/config.ts too
PORT_BACKEND=8000
# Note: APP_ENV can be only LOCAL, DEV, UAT, or PROD
APP_ENV=LOCAL
MIN_NODE_VERSION='20.17.0'
MIN_NPM_VERSION='10.8.2'
#######################################
#### Backend Environment Variables ####
#######################################
# Note: ROUTE_PREFIX change required inside apps/frontend/src/config files and spec file too
ROUTE_PREFIX=api
KEY_VAULT_URI=
TENANT_ID=
CLIENT_ID=
CLIENT_SECRET=
########################################
#### Frontend Environment Variables ####
########################################
{
"IsSuccess": true,
"Message": "Record created.",
"Data": null,
"Errors": []
}
This document outlines a solid branching strategy for your Nx monorepo architecture, considering from medium to large development team and CI/CD pipelines attached to the main (production), uat (user acceptance testing), and develop (development) branches. Checkout link below for detailed information about the branching strategy.
Contributions are welcome! Here are several ways you can contribute:
Fork the Repository: Start by forking the project repository to your github account.
Clone Locally: Clone the forked repository to your local machine using a git client.
git clone https://github.com/Karan0005/simple-web-app-boilerplate
Create a New Branch: Always work on a new branch, giving it a descriptive name.
git checkout -b new-feature-x
Make Your Changes: Develop and test your changes locally.
Commit Your Changes: Commit with a clear message describing your updates.
git commit -m 'Implemented new feature x.'
Push to github: Push the changes to your forked repository.
git push origin new-feature-x
Submit a Pull Request: Create a PR against the original project repository. Clearly describe the changes and their motivations.
Review: Once your PR is reviewed and approved, it will be merged into the main branch. Congratulations on your contribution!
simple-web-app-boilerplate project.This project is licensed under the MIT License.
rintoj /
This repo is a seed project for getting started with new Angular framework and FLUX architecture with less boilerplate code.
pmutua /
Scalable Boilerplate Angular 17 application starter. This Angular project is a scalable, well-structured enterprise application designed for efficient handling of diverse features. It adheres to best practices, promoting modularity, reusability, and maintainability 🚀
46/100 healthFRACTAL-GAME-STUDIOS /
This is a TypeScript boilerplate for FiveM developed by Fractal Game Studios. The project is designed to be a solid foundation for FiveM application development using TypeScript.
32/100 healthThis project is a boilerplate for integrating Angular, Three.js, and WebSocket to build interactive 3D applications with real-time communication.
41/100 health