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