Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ganatan/angular-app
Angular 19 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Typescript & Javascript Backend with MySQL, PostgreSQL, MongoDB
https://github.com/ganatan/angular-app
angular angular-starter angular18 angular19 api backend bootstrap5 crud eslint frontend lazy-loading modal mongodb mysql postgresql pwa seo ssr starter webpack
Last synced: 4 days ago
JSON representation
Angular 19 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Typescript & Javascript Backend with MySQL, PostgreSQL, MongoDB
- Host: GitHub
- URL: https://github.com/ganatan/angular-app
- Owner: ganatan
- Created: 2018-11-26T16:43:12.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-12-28T06:54:31.000Z (24 days ago)
- Last Synced: 2025-01-10T07:25:57.356Z (11 days ago)
- Topics: angular, angular-starter, angular18, angular19, api, backend, bootstrap5, crud, eslint, frontend, lazy-loading, modal, mongodb, mysql, postgresql, pwa, seo, ssr, starter, webpack
- Language: JavaScript
- Homepage:
- Size: 45 MB
- Stars: 724
- Watchers: 30
- Forks: 352
- Open Issues: 15
-
Metadata Files:
- Readme: README.fr.md
Awesome Lists containing this project
README
# Application Fullstack Angular 19
[ English](./README.md) | [ Français](./README.fr.md)
Ce dépôt contient une application web fullstack avec des services frontend et backend séparés. Il inclut :
- **Frontend** : une application Angular 19 avec Bootstrap pour l’interface utilisateur
- **Backend (JavaScript)** : une application Node.js/Express en JavaScript
- **Backend (TypeScript)** : une application Node.js/Express en TypeScript
- **Library**: Une librairie Angular 18 avec des composants Ganatan
Chaque composant peut être installé, développé et déployé indépendamment.
---
# Guide des Cours Fullstack
Ce répertoire contient une série de cours pour vous aider à vous familiariser avec divers outils et frameworks.
- [Git](fullstack-courses/git.md)
- [Angular](fullstack-courses/angular.md)
- [Javascript](fullstack-courses/javascript.md)
- [Node](fullstack-courses/node.md)
Cliquez sur un lien pour ouvrir la documentation correspondante.
---
## Table des matières
- [Démo en ligne](#démo-en-ligne)
- [Frontend - Angular](#frontend---angular)
- [Backend - Node.js (JavaScript)](#backend---nodejs-javascript)
- [Backend - Node.js (TypeScript)](#backend---nodejs-typescript)
- [Auteur](#auteur)
- [Documentation](#documentation)
---
## Démo en ligne
Une démo en ligne est disponible à [https://angular.ganatan.com](https://angular.ganatan.com).
[](https://angular.ganatan.com)
---
# Lighthouse Audit
## Frontend - Angular
### Démarrage rapide
Pour démarrer avec le frontend Angular :
```bash
# Cloner le dépôt
git clone https://github.com/ganatan/angular-app.git
cd angular-app/frontend-angular
# Installer les dépendances et démarrer le serveur de développement
npm install
npm start
```
Visitez [http://localhost:4200](http://localhost:4200) dans votre navigateur.
### Développement
- `npm run start` – Démarrer le serveur de développement
- `npm run lint` – Exécuter le linter
- `npm run test` – Exécuter les tests
- `npm run build` – Compiler l'application pour la production
### Docker
Pour exécuter l’application Angular dans Docker :
```bash
# Créer l'image Docker
docker build -t angular-starter:1.0.0 .
# Exécuter le conteneur Docker
docker run -d -p 4000:4000 angular-starter:1.0.0
```
Visitez [http://localhost:4000](http://localhost:4000) dans votre navigateur.
---
## Backend - Node.js (JavaScript)
### Démarrage rapide
Pour démarrer avec le backend en JavaScript :
```bash
# Accéder au répertoire backend
cd angular-app/backend-node-javascript
# Installer les dépendances et démarrer le serveur de développement
npm install
npm start
```
Visitez [http://localhost:9000](http://localhost:9000) dans votre navigateur.
### Développement
- `npm run start` – Démarrer le serveur de développement
- `npm run lint` – Exécuter le linter
- `npm run test` – Exécuter les tests
- `npm run build` – Compiler l'application pour la production
- `npm run serve` – Démarrer le serveur en mode production
---
## Backend - Node.js (TypeScript)
### Démarrage rapide
Pour démarrer avec le backend en TypeScript :
```bash
# Accéder au répertoire backend
cd angular-app/backend-node-typescript
# Installer les dépendances et démarrer le serveur de développement
npm install
npm start
```
Visitez [http://localhost:9000](http://localhost:9000) dans votre navigateur.
### Développement
- `npm run start` – Démarrer le serveur de développement
- `npm run lint` – Exécuter le linter
- `npm run test` – Exécuter les tests
- `npm run build` – Compiler l'application pour la production
- `npm run serve` – Démarrer le serveur en mode production
---
## Auteur
- **Danny** - [Ganatan](https://www.ganatan.com)
## Documentation
Pour des tutoriels étape par étape et plus d’informations :
- **English** - [https://www.ganatan.com/tutorials/en](https://www.ganatan.com/tutorials/en)
- **Français** - [https://www.ganatan.com/tutorials](https://www.ganatan.com/tutorials)