Skip to content

News Mobile App Using Angular Within Ionic Framework And Firebase As a Back-end.

Notifications You must be signed in to change notification settings

zakariaebouklah/news-app-zs

Repository files navigation

News App

This is a news application built using the Ionic framework with Angular, and it utilizes Firebase as the backend. The app allows users to access the latest news articles from various sources using the News API.

Features

  • Browse and read the latest news articles from different sources
  • Search for specific news articles based on keywords or topics
  • Bookmark favorite articles for later reading
  • Share articles with others via social media or other channels
  • Receive push notifications for breaking news or personalized updates

Prerequisites

Before running the application, make sure you have the following installed:

  • Node.js and npm (Node Package Manager)
  • Ionic CLI (Command Line Interface)
  • Firebase account and credentials
  • News API key from newsapi.org

Installation

  1. Clone the repository or download the source code.

  2. Open a terminal or command prompt and navigate to the project directory.

  3. Run the following command to install the dependencies:

    npm install
    
  4. Create a Firebase project and obtain the necessary credentials (API keys, project ID, etc.).

  5. Rename the environment.example.ts file to environment.ts in the src/environments directory.

  6. Open the environment.ts file and update the Firebase configuration with your own credentials.

  7. Replace the placeholder 'YOUR_NEWS_API_KEY' in the src/app/services/news.service.ts file with your News API key.

Usage

  1. In the terminal or command prompt, run the following command to start the development server:

    ionic serve
    

    This will launch the app in your default browser.

  2. Use the app to browse and search for news articles, bookmark your favorite articles, and share them with others.

Deployment

To deploy the app to a production environment, follow these steps:

  1. Build the optimized production version of the app by running the following command:

    ionic build --prod
    

    This will generate a www directory containing the compiled and minified files.

  2. Deploy the www directory to a web server or hosting platform of your choice.

  3. Make sure to configure the appropriate Firebase hosting settings if you plan to use Firebase for hosting.

  4. Set up push notifications by integrating with a push notification service like Firebase Cloud Messaging (FCM).

Resources

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

News Mobile App Using Angular Within Ionic Framework And Firebase As a Back-end.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published