Code Monkey home page Code Monkey logo

tinder-like-news-swipe-application's Introduction

Tinder-Like-News-Swipe-Application

Android-Mobile-Application

1.Intro: This is a Android project inspired by Tinder using Java.

IDE: Android Studio

Application Architecture: MVVM

project structure

2.The application comes with a single activity and 4 major fragments

( Home Fragment , SearchFragment , SavedFragment and Item Details )

(1).Home fragment: shows all the latest news obtained from newsapi.org. The users can swipe right to save the news for a later read, swipe left to discard the news. It can also be achieved by using the thumb up and thumb down buttons instead of swiping gestures.

(2).Search fragment: type key words to search for news.

(3).Save fragment: displays all the news that the user has liked/swiped right/thumbed up.

Users are able to click on the heart icon to unlike/unsave the news, scroll up and down of the saved news

(4).Item details fragment: click on the news image tiles to read the details of the news

Main Interface

saved item details

Major Steps:

Designed the News app based on Google Component Architectural MVVM Pattern

Implemented the bottom bar & page navigation using JetPack navigation component

Utilized 3rd party CardStackView(RecyclerView) to support swipe gestures for liking/disliking the news

Built the Room Database with LiveData & ViewModel to support local cache and offline model

Integrated Retrofit and LiveData to pull the latest news data from a RESTFUL endpoint (newsapi.org)

References:

https://www.geeksforgeeks.org/tinder-swipe-view-with-example-in-android/

https://github.com/yuyakaido/CardStackView

https://github.com/Lucie-Wang

tinder-like-news-swipe-application's People

Contributors

cicifly avatar

Stargazers

Sujeet Singh avatar

Watchers

James Cloos avatar avatar

Forkers

anonym2025

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.