Welcome to 'myFlix Angular Client', a movie discovery app built using Angular. The app allows users to browse and discover a wide range of movies, view movie details, and manage their favorite movies list.
This app was developed using the following technologies:
- Angular: A popular TypeScript-based framework for building web applications.
- TypeScript: A superset of JavaScript that adds static typing to the language.
- Angular Material: A library of UI components for Angular applications that follows Google's Material Design guidelines.
- RESTful API: The app communicates with a RESTful API to fetch movie data.
In addition to the above technologies, various npm packages and tools were used during development.
To run the 'myFlix Angular Client' locally on your development environment, follow these steps:
- Make sure you have Node.js and Angular CLI installed on your machine. You can download and install Node.js from the Node.js official website and Angular CLI using npm:
npm install -g @angular/cli
- Clone this repository to your local directory using the following command:
git clone https://github.com/rochagbriel/myFlix-Angular-client.git
- Navigate to the project directory:
cd myFlix-Angular-client
- Install the project dependencies by running the following command:
npm install
- Start the app by running the following command:
ng serve
The app will be accessible at http://localhost:4200/ in your web browser.
That's it! You have successfully installed the 'myFlix Angular Client' on your local machine.
API link: https://myflix-88009.herokuapp.com/ Repo: https://github.com/rochagbriel/movie_api
- A home page where users can browse and search for movies.
- Movie details page displaying information about a selected movie.
- Ability to add and remove movies from the user's favorites list.
- User authentication and registration features.
- As a movie enthusiast, I want to discover and explore a variety of movies.
- As a user, I want to view detailed information about a specific movie, including its director, description, and genre.
- As a user, I want to create an account and log in so I can save my favorite movies and access them later.
- As a user, I want to manage my favorite movies list by adding or removing movies.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.
Special thanks to my Tutor Stanley Okwii(CareerFoundry) and my Mentor Faizal Patel(CareerFoundry) for guiding me throughout the development process.
If you have any questions, comments, or feedback about this application, please feel free to reach out to me using the contact form on the website or by emailing me at rochagbriel@gmail.com.