Angular 18 Fullstack Application

English | Français

This repository contains a fullstack web application with separate frontend and backend services. It includes: Frontend: An Angular 18 application with Bootstrap for the UI Backend (JavaScript): A Node.js/Express application using JavaScript Backend (TypeScript): A Node.js/Express application using TypeScript Library: An Angular 18 library with Ganatan components Each component can be installed, developed, and deployed independently. Fullstack Course Guide This repository contains a series of courses to help you get familiar with various tools and frameworks. Git Angular Javascript Node Click on a link to open the corresponding documentation. Table of Contents Live Demo Frontend - Angular Backend - Node.js (JavaScript) Backend - Node.js (TypeScript) Author Documentation Live Demo A live demo is available at https://angular.ganatan.com. Lighthouse Audit Frontend - Angular Quick Start To get started with the Angular frontend: # Clone the repository git clone https://github.com/ganatan/angular-app.git cd angular-app/frontend-angular # Install dependencies and start the development server npm install npm start Visit http://localhost:4200 in your browser. Development npm run start – Start the development server npm run lint – Run the linter npm run test – Run tests npm run build – Build the application for production Docker To run the Angular application in Docker: # Build Docker image docker build -t angular-starter:1.0.0 . # Run Docker container docker run -d -p 4000:4000 angular-starter:1.0.0 Visit http://localhost:4000 in your browser. Backend - Node.js (JavaScript) Quick Start To get started with the JavaScript backend: # Navigate to the backend directory cd angular-app/backend-node-javascript # Install dependencies and start the development server npm install npm start Visit http://localhost:9000 in your browser. Development npm run start – Start the development server npm run lint – Run the linter npm run test – Run tests npm run build – Build the application for production npm run serve – Start the server in production mode Backend - Node.js (TypeScript) Quick Start To get started with the TypeScript backend: # Navigate to the backend directory cd angular-app/backend-node-typescript # Install dependencies and start the development server npm install npm start Visit http://localhost:9000 in your browser. Development npm run start – Start the development server npm run lint – Run the linter npm run test – Run tests npm run build – Build the application for production npm run serve – Start the server in production mode Author Danny - Ganatan Documentation For step-by-step tutorials and more information: English - https://www.ganatan.com/tutorials/en Français - https://www.ganatan.com/tutorials