Skip to content

Angular 18 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Typescript & Javascript Backend with MySQL, PostgreSQL, MongoDB

Notifications You must be signed in to change notification settings

ganatan/angular-app

Repository files navigation

Angular 18 Fullstack Application

English English | Français Français

Ganatan Angular Example Demo

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.

Click on a link to open the corresponding documentation.


Table of Contents


Live Demo

A live demo is available at https://angular.ganatan.com.

Angular Example Application


Lighthouse Audit

Ganatan Lighthouse SEO Angular Example Demo

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 https://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 https://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 https://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 https://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

Documentation

For step-by-step tutorials and more information: