Welcome to the Album Viewer Site, a modern and interactive platform designed to enhance music discovery. This project is an Angular-based web application that provides an engaging interface for exploring albums across various genres.
Add link for live demo
- Browse Albums: Discover albums with ease, featuring top recent releases and categorized collections.
- Sort & Filter: Customize your album viewing experience with sorting options and filters based on genre, artist, and release year.
- Responsive Design: Accessible on any device, offering a seamless user experience whether you're on mobile or desktop.
- Angular: Leveraging the power of Angular for a responsive and interactive frontend.
- MDB UI Kit: Utilizing Material Design Bootstrap UI kit for stylish and intuitive components.
- ngx-pagination: Implementing efficient pagination for handling large album lists.
- HttpClientModule: Streamlining communication with backend services.
To set up the development environment and run the Album Viewer Site locally:
git clone https://github.com/ErminaTrontzou/Album-Viewer-Frontend.git
cd Album-Viewer-Frontend
npm install
ng serve
Visit http://localhost:4200/ in your web browser to interact with the application.
This project follows a well-organized directory structure for maintainability and scalability, as recommended by Shijin Nath on Medium [1]. Key directories include:
src/app: The heart of the Angular application.src/app/core: Core services and singleton components.src/app/modules: Feature modules for different functionalities.src/app/shared: Shared components, directives, and pipes.
The Album Viewer Site is licensed under the MIT license, promoting open-source collaboration and reuse.