Welcome to FlickPick, a single-page, responsive movie app built with Angular. This client-side interface complements the existing server-side code, the REST API and database. FlickPick offers users access to a wide array of information about movies, directors, and genres, and allows for personalized profile management.
- User Authentication: Secure registration and login to access personalized features.
- Movie Information: Detailed insights into movies, directors, and genres.
- Profile Management: Create and manage profiles, including saving favorite movies.
- Frontend: Angular (version 9 or later) with Typescript
- Backend: REST API
- Database: MongoDB
- User Interface: Angular Material
- Documentation: Typedoc, JSDoc
- Hosting: GitHub Pages
Experience FlickPick Angular Client live here.
Ensure you have the latest version of Node.js and npm installed.
- Clone the repository:
git clone https://github.com/your-username/FlickPick-angular.git - Navigate to the project directory:
cd FlickPick-angular - Install dependencies:
npm install
- Development Server: Run
ng serveand navigate tohttp://localhost:4200/. The app will automatically reload if you change any of the source files. - Code Scaffolding: Run
ng generate component component-nameor use otherng generatecommands. - Build: Run
ng buildto build the project. The build artifacts will be stored in thedist/directory.
- Unit Tests: Run
ng testvia Karma. - End-to-End Tests: Run
ng e2eafter adding a package that implements e2e testing capabilities.
- Codebase Comments: Documented using Typedoc.
- Project Documentation: Available in the
docs/directory and via JSDoc.
For detailed user flow diagrams, see the PDFs below:
For more information on Angular CLI commands, refer to the Angular CLI Overview and Command Reference.