This is an Angular project inspired by a design found on Dribbble and developed as part of a Digital Innovation One (DIO) bootcamp. The project was adapted to a music news blog, showcasing articles wich could talk about music releases, artist announcements, reviews and more. It includes a list of article cards that redirect users to a detailed view of the selected card, using Angular CLI, Components, Router, data binding with Input properties and dynamic data passing between components.
Angular: Framework for building the application's components and routing.
TypeScript: Primary programming language for Angular.
CSS: Custom styling for layout and component designs.
HTML: Template structure for Angular components.
- Music News Cards: Displays a preview of a music news article with an image, title, information and short description.
- Detailed Article View: When clicking on a card, the user is redirected to a detailed view, showing more information.
- Routing with Parameters: Uses Angular Router to pass the article ID as a parameter and load the corresponding article data.
- Data Binding with
@InputProperties: Allows passing data from a parent to a child component, displaying custom information for each article. - Redirecting usind routerLink: The blog button redirects the user to the start page
- Enhanced Design: Think of more animations and effects for a more interactive UI.
- Responsive Design: Ensure layout compatibility across various screen sizes and devices.