https://github.com/vishal01x/vlogapp

Kotlin, Jetpack Compose, Pager3, Retrofit, Room, Hilt
https://github.com/vishal01x/vlogapp

Last synced: 4 months ago
JSON representation

Kotlin, Jetpack Compose, Pager3, Retrofit, Room, Hilt

• Host: GitHub
• URL: https://github.com/vishal01x/vlogapp
• Owner: Vishal01x
• Created: 2025-02-20T10:13:13.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2025-02-20T10:30:32.000Z (4 months ago)
• Last Synced: 2025-02-20T11:26:30.321Z (4 months ago)
• Language: Kotlin
• Size: 115 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📹 Vlog App  

Vlog App is an Android application designed to display a list of vlogs using Jetpack Compose. It fetches vlog data from a remote API using **Retroft** handling pagination using **Paging 3**, allowing users to browse vlogs efficiently. Users can tap on a vlog item to open its details in a WebView.

## 📸 Screenshots  



    

        

            Vlog Screen

            Detail Screen

        

        

            

            

        

    



## 🚀 Features  

- **Jetpack Compose UI**: Uses a modern declarative UI approach.  

- **Paging 3**: Implements infinite scrolling for efficient data fetching.  

- **Hilt Dependency Injection**: Manages dependencies efficiently.  

- **Retrofit API Calls**: Fetches vlog data from a remote API.  

- **WebView Integration**: Opens vlogs inside the app in a WebView.  

- **Error Handling**: Displays errors and empty state messages gracefully.  

- **Material 3 Design**: Provides a clean and responsive UI.  

---

## 🛠️ Tech Stack  

- **Language**: Kotlin  

- **Architecture**: MVVM (Model-View-ViewModel)  

- **UI Framework**: Jetpack Compose  

- **Dependency Injection**: Hilt  

- **Networking**: Retrofit  

- **Paging**: Paging 3  

- **Navigation**: Jetpack Navigation  

---

## 📲 How the App Works  

1. **Home Screen (Vlog List)**  

   - Displays a list of vlogs fetched from an API.  

   - Uses Paging 3 to load more items as the user scrolls.  

   - Clicking on a vlog item navigates to the WebView screen.  

2. **Vlog Details (WebView)**  

   - Opens the selected vlog inside an in-app WebView.  

   - Allows users to read the full vlog article.  

3. **Error & Loading States**  

   - Shows a progress indicator while loading data.  

   - Displays error messages in case of network failures.  

   - Shows a "No data available" message when the list is empty.  

---

## 🔧 Installation & Setup  

1. Clone the repository:  

   ```bash

   git clone https://github.com/yourusername/VlogApp.git

   cd VlogApp