https://github.com/juliolmuller/studying-angular

Simple Angular 9 application to learn the framework.
https://github.com/juliolmuller/studying-angular

angular crud javascript portfolio

Last synced: about 22 hours ago
JSON representation

Simple Angular 9 application to learn the framework.

• Host: GitHub
• URL: https://github.com/juliolmuller/studying-angular
• Owner: juliolmuller
• License: mit
• Created: 2020-01-23T23:02:46.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-12T01:13:42.000Z (over 3 years ago)
• Last Synced: 2023-03-05T06:29:00.655Z (over 1 year ago)
• Topics: angular, crud, javascript, portfolio
• Language: TypeScript
• Homepage: https://juliolmuller.github.io/studying-angular
• Size: 15.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  :books: Simple CRUD with Angular





  Lessons Learned   |   

  Technologies   |   

  Environment Setup   |   

  Features





  

  

  

  

  



![Application snapshot](./src/assets/app-overview.jpg)

CRUD application developed in order to learn the latest edition of the framework Angular (rest in piece, AngularJS :broken_heart:). Completely based on Traversy Media's [crash course available in YouTube](https://www.youtube.com/watch?v=Fdf5aTYRW0E).

[Check out the application running!](https://juliolmuller.github.io/studying-angular-crud/).

## :trophy: Lessons Learned

- Basic Angular application;

- TypeScript syntax:

## :rocket: Technologies & Resources

**Frontend:**

- Angular 8+

**Development:**

- Visual Studio Code

- Node.js routines

## :hammer: Setting up the Environment

Make sure to have **Node.js 10+** installed in your machine and its **npm** available in the command line, then use the following routines:

```bash

$ npm install     # Download dependencies

$ npm start       # Run development server

$ npm run build   # Build files for production

```

## :zap: Features Implementations

- [x] Fetch dummy tasks from [JSON Placeholder REST API](https://jsonplaceholder.typicode.com/);

- [x] Create new task;

- [x] Mark task as completed;

- [x] Delete existing task;

- [x] ~~Upgrade to Angular v9;~~

- [x] ~~Upgrade to Angular v10;~~

- [x] Upgrade to Angular v11;