https://github.com/avsoto/invoice-angular-app

Module 2 of the course 'Angular & Spring Boot: Creating Full Stack Webapp', where we develop the Invoice Angular App and delve into TypeScript, Angular and Bootstrap.
https://github.com/avsoto/invoice-angular-app

angular bootstrap css typescript

Last synced: about 2 months ago
JSON representation

Module 2 of the course 'Angular & Spring Boot: Creating Full Stack Webapp', where we develop the Invoice Angular App and delve into TypeScript, Angular and Bootstrap.

• Host: GitHub
• URL: https://github.com/avsoto/invoice-angular-app
• Owner: avsoto
• Created: 2025-01-17T05:39:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-02T23:05:19.000Z (over 1 year ago)
• Last Synced: 2025-08-03T10:40:02.561Z (11 months ago)
• Topics: angular, bootstrap, css, typescript
• Language: TypeScript
• Homepage:
• Size: 144 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Module 2: Angular & Spring Boot - Invoice Angular App

This repository contains the work completed during **Module 2** of the course _"Angular & Spring Boot: Building a Full Stack Web App"_. In this module, we started building an invoicing application (_Invoice Angular App_) and explored key aspects of TypeScript, Angular, and Bootstrap styling.

## 📝 Topics Covered  

In this module, we focused on the following topics:

### TypeScript and Angular  

- **Class Creation**: Defining and using TypeScript classes to model data.  

- **Data Handling (_data_)**:  

  - Creating data structures to represent invoices and items.

  - Organizing data for presentation in the application. 

- **Data Types**: Delving into TypeScript fundamentals, including primitive types, objects, arrays, and the use of _interfaces_. 

- **Sub-components**:  

  - Building nested components to modularize functionality and design. 

  - Implementing a `form-item` component to manage invoice items.  

  

### Styling and Forms  

- **CSS with Bootstrap**: Leveraging predefined classes to style components and enhance the user experience.  

- **Angular Forms**:  

  - Designing and implementing a form to capture invoice details. 

  - Adding form submission functionality (_submit form_).