News Web Application

This is a news web application built using Firebase for authentication, Firestore for database storage, and offline support for enhanced user experience.

Features

Authentication

The app uses Firebase Authentication to manage user sign-up, sign-in, and authentication processes. Users can create accounts, sign in securely, and access personalized features.

News Display

The app retrieves news articles from the News API and displays them in an organized manner, allowing users to view the latest news based on various categories or search criteria.

Firestore Integration

Firestore is utilized as the database to store news articles fetched from the News API. It enables real-time data synchronization and seamless offline support.

Offline Support

With Firebase's offline persistence feature, users can access previously fetched news articles even when they are offline. This feature enhances user experience by ensuring continuous access to previously viewed content.

Favourites

With redux state management, user is able to add favourites and remove it

Setup

1. Firebase Configuration

   • Set up a Firebase project and configure authentication settings.
   • Obtain Firebase configuration credentials and update them in the project.

2. Install Dependencies

   • Run npm install to install all necessary dependencies required for the project.

3. Environment Variables

   • Set environment variables for API keys, such as the News API key.

Technologies Used

• Next.js: Frontend framework for building the user interface.
• Firebase: Backend services for authentication, database, and offline support.
• News API: External API used to fetch news articles.
• Redux: State Management purpose

Usage

1. Clone the repository.
2. Install dependencies using npm install.
3. Configure Firebase credentials.
4. Run the application using npm run dev.

Sample Images

1. Home Page

2. Sign up or Login

3. Detailed Page

4. Profile page