Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/raminmammadzada/file-upload-angular-client

This is a home task for the company FlyingDonkey. This repo is for the client-side is implemented in Angular
https://github.com/raminmammadzada/file-upload-angular-client

angular angular-cli

Last synced: 12 days ago
JSON representation

This is a home task for the company FlyingDonkey. This repo is for the client-side is implemented in Angular

Awesome Lists containing this project

README

        

### Simple File Uploader with Angular

This is a frontend application of the home task for the company Flying Donkey.

The tasks that are needed to be done:

- [x] Upload area - single for all files. Validation for invalid data should present.

- [x] View area consists of tables - one table per permitted file type. Each table must reflect: file name, file size, upload date.

- [ ] Keep in mind that the number of files can be unlimited.

- [x] Add at least two unit tests for the front-end. Tests must have positive and negative scenarios. Default tests added by angular cli will be ignored during the task evaluation.

- [x] The page should be as generic/reusable as possible

- [x] UI must have layered architecture, code must follow common style guides and development principles.

### Setup

- Clone the repo.
- Run `npm install`
- Run `ng serve -o`
- Run the server by cloning [this project](https://github.com/RaminMammadzada/file-upload-dotnet-api) in your local machine.
- Open [http://localhost:4200](http://localhost:4200) to view it in the browser.

### Test

- Run `ng test`

### Built with the following tech stack

- [Angular11](http://angular.io/)
- [angular-cli](https://github.com/angular/angular-cli)
- [npm](https://www.npmjs.com/)
- [Typescrpt](https://www.typescriptlang.org/)

### Author

👤 **Ramin Mammadzada**

- Github: [@raminmammadzada](https://github.com/raminmammadzada)
- Twitter: [@raminmammadzada](https://twitter.com/raminmammadzada)
- Linkedin: [Ramin Mammadzada](https://www.linkedin.com/in/raminmammadzada/)