/themovieapp

“The Movies app” is a small and simple application that captures and stores information about movies and lists them for the users so they can later access their details.

Primary LanguageTypeScript

TheMoviesApp

This project was generated with Angular CLI version 9.1.0.

Installation

Run npm install to install all the required dependencies.

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

The application looks like this for your reference:

Home

Add a Movie

Top5Movies

Project structure

Bellow you can see the scaffold of the project.

src/
├── app/
│   ├── core/
│   │   └── core.module.ts
│   ├── data/
│   │   ├── external-movies.service.spec.ts
│   │   ├── external-movies.service.ts
│   │   ├── local-movies.service.spec.ts
│   │   └── local-movies.service.ts
│   ├── layout/
│   │   ├── side-navigation/
│   │   └── toolbar/
│   ├── pages/
│   │   └── home/
│   ├── shared/
│   │   ├── components/
│   │   ├── models/
│   │   ├── utils/
│   │   ├── material.module.ts
│   │   └── shared.module.ts
│   ├── app-routing.module.ts
│   ├── app.component.html
│   ├── app.component.scss
│   ├── app.component.spec.ts
│   ├── app.component.ts
│   └── app.module.ts
├── assets/
├── environments/
│   ├── environment.prod.ts
│   └── environment.ts
├── styles/
│   ├── _placeholders.scss
│   └── _variables.scss
├── favicon.ico
├── index.html
├── main.ts
├── polyfills.ts
├── styles.scss
└── test.ts`

Build

Run npm build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run npm test to execute the unit tests via Karma in headless mode on the terminal. You should see the following screen on your terminal:

Top5Movies