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

Each component can be installed, developed, and deployed independently.

---

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.

---

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