Skip to content

Latest commit

 

History

History
36 lines (29 loc) · 2.1 KB

README.md

File metadata and controls

36 lines (29 loc) · 2.1 KB
Raw
films-app.mp4

Film Information Viewer

Overview

The Film Information Viewer is a web application built using Angular 17, TypeScript, and Angular Material (specifically mat-grid). It provides a platform to explore information about various films along with their character lists. Users can click on a character in the list to open a new tab displaying specific character details.

Features

  • Film Information Display: Browse through a curated collection of films with relevant details such as title, release year, producer, etc.
  • Character Lists: Each film includes a list of characters involved.
  • Character Details: Clicking on a character opens a new tab displaying detailed information about that character.
  • Responsive Design: The application is optimized for various screen sizes and devices.

Technologies Used

  • Angular 17: A powerful JavaScript framework for building single-page client applications.
  • TypeScript: A statically typed superset of JavaScript that compiles to plain JavaScript.
  • Angular Material: A UI component library for Angular applications, used here for its mat-grid.

Installation

To run the application locally, follow these steps:

  1. Clone this repository.
  2. Navigate to the project directory.
  3. Run npm install to install dependencies.
  4. Run ng serve to start the development server.
  5. Open your browser and navigate to http://localhost:4200/.

Usage

Upon launching the application, users will be greeted with a list of films. They can click on any film to view its details, including the characters involved. Clicking on a character name will open a new tab displaying detailed information about that character.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create your feature branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.