🐶 Beautiful Puppy adoption app with Jetpack Compose #AndroidDevChallenge

Overview

GitHub Cards Preview

Wiggles 🐶

Beautiful Puppy adoption app built to Demonstrate the Jetpack Compose UI for Android Dev Challenge Made with love ❤️ by Spikeysanju


Try latest Wiggles app apk from below 👇

Wiggles


UI Design 🎨

Click to View Wiggles app Design from below 👇

Wiggles


Day Mode 🌞

Home Details Details (Scrolled)

We Support Dark Mode Too 🌚

Home Details Details (Scrolled)

Built With 🛠

  • Kotlin - First class and official programming language for Android development.
  • Jetpack Compose - Jetpack Compose is Android’s modern toolkit for building native UI.
  • Android Architecture Components - Collection of libraries that help you design robust, testable, and maintainable apps.
    • Jetpack Compose Navigation - Navigation refers to the interactions that allow users to navigate across, into, and back out from the different pieces of content within your app
  • Material Components for Android - Modular and customizable Material Design UI components for Android.
  • Figma - Figma is a vector graphics editor and prototyping tool which is primarily web-based.

Build-tool 🧰

You need to have Android Studio Beta 3 or above to build this project.
Beta-studio


iOS Version 📱

Checkout the iOS version of this app Wiggles-iOS


Contribute 🤝

If you want to contribute to this app, you're always welcome! See Contributing Guidelines.


Contact 📩

Have an idea to improve this or got any Question? Let's connect 👇

Drop a mail to:- [email protected]


Donation 💰

If this project help you reduce time to develop, you can give me a cup of coffee :)

Buy Me A Coffee


Credits 🤗

  • Icons are from tablericons.com
  • Heartly congratulations for Jetpack Compose Team who worked hard to make Compose great ♥️

License 🔖

   Copyright 2020 The Android Open Source Project

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       https://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

You might also like...
A Simple Blog App using Jetpack Compose, Flow, Navigation Compose, Room and Firebase
A Simple Blog App using Jetpack Compose, Flow, Navigation Compose, Room and Firebase

BlogCompose A Simple Blog App using Jetpack Compose, Flow, Navigation Compose, Room and Firebase Instructions Download your Firebase configuration fil

An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries
An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries

An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries, The application make use of jikan Api which displays a list of animations,there more details and even trailers of the animations.

A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many compose features are not yet available.
A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many compose features are not yet available.

Multiplatform Compose A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many comp

K5-compose is a sketchy port of p5.js for Jetpack Compose
K5-compose is a sketchy port of p5.js for Jetpack Compose

k5-compose k5-compose is a sketchy port of P5.js for Jetpack Compose Desktop. This library provides you a playground to play with your sketches so you

Jetpack Compose based project, used to stress-testing compose features / integrations and explore non-trivial functionality

Project containing Jetpack Compose samples For pagination & network images it uses CATAAS. Known issues Navigation-Compose Issue with fast tapping on

Pokedex Compose is an independent re-write of a demo application by the name of Pokedex, but written in jetpack compose.
Pokedex Compose is an independent re-write of a demo application by the name of Pokedex, but written in jetpack compose.

Pokedex Compose Pokedex Compose is an independent re-write of a similar project by the name of Pokedex. I am recreating the UI but I am doing it using

Compose-Instagram-Profile-UI - Instagram profile screen UI using android jetpack compose
Compose-Instagram-Profile-UI - Instagram profile screen UI using android jetpack compose

Compose-Intsgram-Profile-UI Instagram profile screen UI using android jetpack co

List-programminglanguage-compose - Simple implementation of a list of programming languages using LazyColumn and Coil in Jetpack Compose Lock Screen-Compose - Lock Screen with Jetpack Compose
Lock Screen-Compose - Lock Screen with Jetpack Compose

Lock_Screen-Compose 此專案為Jetpack Compose練習題.

Comments
  • Refactor Boilerplate code

    Refactor Boilerplate code

    Remove boilerplate code for Gender Tag

    Current 👇

    if (name == "Male") { ChipView(gender = name, colorResource = colorResource(id = R.color.blue)) } else { ChipView(gender = name, colorResource = colorResource(id = R.color.red)) }

    Better approach 👌

    val color = if (name == "Male") R.color.blue else R.color.red ChipView(gender = name, colorResource = colorResource(id = color))

    enhancement 
    opened by Spikeysanju 0
Releases(v1.0.0-alpha01)
  • v1.0.0-alpha01(Feb 28, 2021)

    This is the early version of Wiggles Android application.

    Components Included

    • Owner card
    • Dog card
    • Info card
    • Details card
    • CTA Button
    • Day/Night Mode theme switch

    🐶 Beautiful Puppy adoption app built to demonstrate the Jetpack Compose for #AndroidDevChallenge

    Add ons components like favourites dogs, bottom sheets & My orders components are currently WIP 🚧

    Source code(tar.gz)
    Source code(zip)
    Wiggles.apk(15.56 MB)
Owner
Sanju S
GDE for Android 📱 & Product Designer 🎨 | Open Source Contributor 🌟 | Kotlin & Java ♥️| Tech Youtuber 👨🏻‍💻
Sanju S
A beautiful Undo Redo animation built with Jetpack Compose

A beautiful Undo Redo animation built with Jetpack Compose

null 33 Aug 31, 2022
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

BHAVNA THACKER 3 Dec 31, 2022
Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks 382 Jan 5, 2023
Jetpack Compose Boids | Flocking Insect 🐜. bird or Fish simulation using Jetpack Compose Desktop 🚀, using Canvas API 🎨

?? ?? ?? Compose flocking Ants(boids) ?? ?? ?? Jetpack compose Boids | Flocking Insect. bird or Fish simulation using Jetpack Compose Desktop ?? , usi

Chetan Gupta 38 Sep 25, 2022
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Md. Mahmudul Hasan Shohag 186 Jan 1, 2023
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-Compose-Demo Instagram Profile UI using Jetpack Compose

omar 1 Aug 11, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack Compose Navigation Set of utils to help with integrating Jetpack Compose

Adam Kobus 5 Apr 5, 2022
Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

Mori Atsushi 3 Dec 15, 2022
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

Felix Kariuki 5 Dec 29, 2022