Ionic Angular News App
:clipboard: Ionic-Angular app to fetch news articles from a REST API using Typescript interfaces to define the expected structure of the json objects returned & http service providers. Custom pipes used to modify API news article titles, contents and convert the Universal Time Constant (UTC) date...
Overview
The Ionic Angular News App is a dynamic platform that effectively showcases news articles from a variety of sources via a user-friendly interface built with the Ionic framework. It allows users to access news content in multiple languages, making it a versatile tool for staying informed on current events. Although it currently operates best on localhost due to CORS restrictions when deployed, the app promises an engaging experience for those looking to explore live articles and news updates.
Features
- Multi-language Support: Offers news pages in French, Spanish, and English, catering to a diverse user base.
- Categories Page: Users can easily navigate through various news categories such as Business and Entertainment for focused reading.
- Dynamic Favourites Page: Users can save their favorite articles, with an interface that changes based on the number of saved articles.
- Dark Mode: The app includes a dark mode option for a comfortable reading experience at night or in low-light settings.
- Article Detail View: Each article can be explored in detail, providing users with in-depth information and context.
- User-friendly Navigation: Built with simplicity in mind, the app allows seamless navigation between pages and categories for a smooth user experience.
- Code Quality Assurance: Utilizes Codium AI to enhance code quality, ensuring a reliable and efficient app performance.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.