A simple app consuming API The Movie DB which has the following criteria:
- you can search for any movie
- videos matching your search are shown in the list of videos
- in the video list you can see the information about:
- the cover
- the title
- the relase date
- the popularity
- the vote count
- the average rating
- you can see the details of the selected movie such as:
- the category (comedy, drama, etc)
- link to IMDB
- the description of the film
- the country of production
- the production companies
- you can sort your videos by:
- the title
This project has dependencies that require Node 6.9.0 or higher, together with NPM 3 or higher.
First clone this project and install all packages using command prompt.
npm install
Then run project in command prompt.
npm start
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
- Angular - a TypeScript-based open-source front-end web application platform
- Angular CLI - a tool to initialize, develop, scaffold and maintain Angular applications
- Semantic UI - a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Working version of the app is published at https://kraudia.github.io/angular2-movieDB/
Prosta aplikacja konsumująca API The Movie DB, która spełnia następujące kryteria:
- można wyszukać dowolny film
- filmy pasujące do wyszukiwania widać na liście filmów
- na liście filmów widać następujące informacje o filmach:
- okładka
- tytuł
- data publikacji
- popularność
- liczba głosów
- średnia ocena z głosów
- można zobaczyć szczegóły wybranego filmu:
- kategorię filmu (komedia, dramat, etc)
- link do IMDB
- opis filmu
- kraj produkcji
- firmy produkcyjne
- można sortować listę filmów po:
- tytule
Potrzebujesz Node w wersji 6.9.0 lub nowszej oraz NPM w wersji 3 lub nowszej.
Najpierw sklonuj tej projekt oraz zainstaluj wszystkie paczki, korzystając z konsoli (wiersza poleceń).
npm install
A następnie uruchom projekt.
npm start
Projekt jest dostępny na http://localhost:4200/
. Po każdej zmianie w kodzie aplikacja automatycznie się odswieża.
- Angular - otwarty framework oparty na TypeScript wspomagający tworzenie i rozwój aplikacji internetowych
- Angular CLI - narzędzie do budowania oraz rozwoju aplikacji pisanych w frameworku Angular
- Semantic UI - zestaw gotowych fragmentów kodu do tworzenia responsywnych stron internetowych
Działająca wersja jest dostępna także na https://kraudia.github.io/angular2-movieDB/