This project contains the front-end part of the R3play back-end (here) for displaying the information about movies written with Angular. This project was generated with Angular CLI version 16.2.6.
- Javascript/Angular
- Material Design
- Typescript
- HTML
- CSS
- Angular v16 as a frontend framework
- Material Design for design
- Typescript for static data typing
- TypeDoc for Documentation
- Github pages for deployment
- please see other project dependencies in the package.json file
- Allows users to log in with a username and password
- Uses user-friendly modal windows to show information
- Allows new users to register (username, password, email, date of birth)
- Returns ALL movies
- Ability to click on buttons to see more information about the movie's director, description, release year, rating, actors
- Ability to log out
- Ability to navigate to the Profile view
- Ability to add a movie to favorites/delete a movie from favorites
- Displays user registration details
- Allows users to update their info (username, password, email, date of birth)
- Allows existing users to deregister
Please click on the video below to watch it
The App is live here
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
.
To clone the app use the following command: console git clone [email protected]:yevheniiairapetian/myFlixAngular-client.git
Or download directly by clicking on <> Code button > Download ZIP.
- Navigate to the
myFlix-Angular-client
folder with thecd myFlix-Angular-client
in the terminal. This project requires the latest nvm and node versions. - Download the node .exe file from the official website and run it (you may need to first delete the old version and then install the new one).
- Use the
npm install -g @angular/cli
command to istall Angular globally. - Use the
nvm install latest
command to install the latest version of nvm. - Install the required dependencies using the
npm install command
. - Run
ng serve
orng serve --open
for a dev server. Navigate tohttp://localhost:4200/
. The application will automatically reload if you change any of the source files.
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.
Feel free to contact me via LinkedIn or
email or
via the contact information on the website