https://github.com/albertobasalo/ng-lab

🅰️ Angular 1️⃣8️⃣ 🔬🧫🧪 Laboratory
https://github.com/albertobasalo/ng-lab

angular course demo

Last synced: 18 days ago
JSON representation

🅰️ Angular 1️⃣8️⃣ 🔬🧫🧪 Laboratory

• Host: GitHub
• URL: https://github.com/albertobasalo/ng-lab
• Owner: AlbertoBasalo
• Created: 2023-11-08T17:02:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-21T08:35:27.000Z (about 1 month ago)
• Last Synced: 2024-11-21T09:29:10.811Z (about 1 month ago)
• Topics: angular, course, demo
• Language: TypeScript
• Homepage: https://albertobasalo.notion.site/Angular-Moderno-V17-8d69354edacb41cbaa921a9fbb8a17d0
• Size: 6.27 MB
• Stars: 24
• Watchers: 4
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NgLab Modern Angular (Standalone, Signals, new template Syntax)

> [Laboratorio de ejemplo](https://github.com/albertobasalo/ng-lab) para cursos y talleres de [Angular Basics](https://albertobasalo.notion.site/Angular-Moderno-V17-8d69354edacb41cbaa921a9fbb8a17d0) impartidos en Español por [Alberto Basalo](https://albertobasalo.dev)

## Sample projects

> [!NOTE]

> The **AstroBookings** project was generated with [Angular CLI](https://github.com/angular/angular-cli) version **18.2.8.**

> Sample project is at `AstroBookings` folder

> [!NOTE]

> The _ActivityBookings_ project was generated with [Angular CLI](https://github.com/angular/angular-cli) version _17.1.1._

> Updated to Angular _18.0.4._

> Sample project is at `ActivityBookings` folder

## Instructions

```bash

# clone lab from github

git clone https://github.com/AlbertoBasalo/ng-lab.git

# install and run

cd ng-lab/AstroBookings

npm install

# start Angular server

npm start

```

> [!NOTE]

> Start a fake API server

> Clone and follow instructions from https://github.com/AlbertoBasalo/api_bun

> [!NOTE]

> Move to numbered branches to follow the evolution of the project

> [!TIP]

> Documentation

> Find a detailed journal of instructions in [docs folder](./docs/)

### Folder structure

Have an outlook of the project folder structure

![Folders](./docs/screenshots/folders.png)

> [!TIP]

> Companion article about Angular code organization:

- [English version](https://medium.com/@albertobasalo/file-and-folder-structure-for-angular-applications-3130efc582e3)

- [Versión en Español](https://www.linkedin.com/pulse/estructura-de-archivos-y-carpetas-para-aplicaciones-angular-basalo-3vcff)

## Testing

This project is being _e2e_ tested with **Cypress**. Find the testing code at this repository.

- [**cy-lab**](https://github.com/AlbertoBasalo/cy-lab)

[![GitHub license](https://img.shields.io/github/license/AlbertoBasalo/cy-lab?style=for-the-badge)](https://albertobasalo.dev)

---

  
🧑🏼‍💻 By Alberto Basalo