![](https://user-images.githubusercontent.com/10808436/208911017-2d0b5437-53a7-4225-9fb5-dc430444ce26.svg)
<div id="top"></div>

# JetKite
<p align="left"> 🪁 JetKite - Leaning purpose Zerodha kite clone Android app built with ❤ using Jetpack Compose. </p>

<p align="left">
    <a href = "https://developer.android.com/jetpack/androidx/versions/all-channel">
      <img src = "https://img.shields.io/badge/Jetpack%20Compose-1.3.0-blue.svg?color=blue&style=for-the-badge" />
    </a>
    <a href="https://kotlinlang.org/docs/releases.html">
      <img src="https://img.shields.io/badge/Kotlin-1.7.10-blue.svg?color=blue&style=for-the-badge"/>
    </a>
    <a href = "https://github.com/pranaypatel512/JetKite/stargazers">
        <img src="https://img.shields.io/github/stars/mutualmobile/UberBookingClone?color=green&style=for-the-badge" />
    </a>
    <a href = "https://github.com/pranaypatel512/JetKite/network/members">
        <img src="https://img.shields.io/github/forks/mutualmobile/UberBookingClone?color=green&style=for-the-badge" />
    </a>
    <a href = "https://github.com/pranaypatel512/JetKite/watchers">
        <img src="https://img.shields.io/github/watchers/mutualmobile/UberBookingClone?color=yellowgreen&style=for-the-badge" />
    </a>
    <a href = "https://github.com/pranaypatel512/JetKite/issues">
        <img src="https://img.shields.io/github/issues/mutualmobile/UberBookingClone?color=orange&style=for-the-badge" />
    </a>
</p>

## 🏁 The purpose of this repository:

- Build a functional Android app to demonstrate Zerodha Kite app with Kotlin and Jetpack Compose.
- Follows [Android design guide](https://developer.android.com/topic/architecture/intro) and development best practices with Jetpack Compose.
- Explore the possibilities of creating complex ui and ux of a Zerodha Kite app flow using Compose.
- Explore Animation possiblity to implement it and leanr from that

## 💡 App 
- Creating multi module app by following [Guide to Android app modularization](https://developer.android.com/topic/modularization)
- Following app architecture guide to seperate data and UI layer. See [Guide to app architecture](https://developer.android.com/topic/architecture) 

## 🛠 Built with ❤️ using Kotlin

| Tools | Link |
|     :---      |          :---: |
| 🤖 Kotlin | [Kotlin](https://kotlinlang.org) |
| 💚 Jetpack Compose | [Jetpack Compose](https://developer.android.com/jetpack/compose) |
| 🌐 Material Design | [Material Design](https://developer.android.com/jetpack/androidx/releases/compose-material) |
| 🌊 Coroutines | [Kotlin Coroutines](https://developer.android.com/kotlin/coroutines) |
| 🧭 Navigating with Compose | [Navigating with Compose](https://developer.android.com/jetpack/compose/navigation) |
| 🎨 Accompanist | [Accompanist](https://google.github.io/accompanist) |

## Run project
> **Warning**
> On first clone, please do `clean` you project so pre-commit githook will setup and code will be validate with kotliner tasks.
 

## Lint ✅
- This project uses [***Twitter Jetpack Compose Rules***](https://twitter.github.io/compose-rules/) Using [***kotlinter-gradle***](https://github.com/jeremymailen/kotlinter-gradle) to validate jetpack compose code using klint engine. 

## 📸 Screenshots:


<table style="width:100%">
  <tr>
    <th>Startup</th>
    <th>Login</th>
     <th>Watch screen</th>
  </tr>
  <tr>
    <th colspan="3">DarkMode</th> 
   
  </tr>
    <tr>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208901816-49a77b57-7568-49a5-91a2-133f0a48b81c.jpg" alt="startup_screen" width="350px"/></td> 
      <td><img src = "https://user-images.githubusercontent.com/10808436/208901989-37c6832c-8584-454b-83bc-fe7f4db86d96.jpg" alt="login_screen" width="350px"/></td> 
      <td><img alt="watch_screeen" src="https://user-images.githubusercontent.com/10808436/208902463-6d085bd7-1eb8-4adc-9941-4ccde056f413.jpg" width="350px"/> </td>
  </tr>
  <tr>
      <th colspan="3">LightMode</th> 
   
  </tr>
  <tr>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208901826-e1a408cf-676b-4d6a-ad65-79b84862ede6.jpg" alt="startup_screen" width="350px"/></td> 
      <td><img src = "https://user-images.githubusercontent.com/10808436/208902004-6b219751-1734-4bc7-93ca-8e893ceccbb1.jpg" alt="login_screen" width="350px"/></td> 
      <td><img alt="watch_screeen" src="https://user-images.githubusercontent.com/10808436/208902474-8997358e-a4a1-4c7d-8c7a-a810b955801a.jpg" width="350px"/> </td>
  </tr>
  
  
<tr>
    <th>Orders</th>
    <th>Portfolio</th>
    <th>Tools</th>
  </tr>
  <tr>
    <th colspan="3">DarkMode</th> 
   
  </tr>
   
  <tr>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208906063-29de906a-da3d-453e-8d5d-a886edf859e7.jpg" alt="orders" width="350px"/> </td>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208907885-396ce563-c4cd-41ad-96c8-c20c36993f11.jpg" alt="portfolio" width="350px"/> </td>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208906800-16600100-3538-4d73-905f-20e8984cd60b.jpg" alt="tools" width="350px"/> </td>
  </tr>
  <tr>
      <th colspan="3">LightMode</th> 
   
  </tr>
   <tr>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208906051-baf8d591-f108-49bc-b578-6c70576a0433.jpg" alt="orders" width="350px"/> </td>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208908633-66b8e98b-b3ab-4320-a873-d17c7a340b94.jpg" alt="portfolio" width="350px"/> </td>
      <td><img src = "https://user-images.githubusercontent.com/10808436/208906789-71d4f222-e583-44f3-be78-e8bde90a86f5.jpg" alt="tools" width="350px"/> </td>
          <td></td>
  </tr>
  <tr>
       <th colspan="3"></th> 
  </tr>
</table>

## 🎥 Video Demo:

|  JetKite Demo video  | 
| ------------- | 
| <video src="https://user-images.githubusercontent.com/10808436/208895025-42957f00-c827-4af5-9cf4-8e414a22f1eb.mp4" width=250px /> | 


## 💬 Want to discuss?

Have any questions, doubts or want to present your opinions, views? You're always welcome. You can [start discussions](https://github.com/pranaypatel512/JetKite/discussions).

## 🤝 Contributors

See our rockstar contributors :smile:

[![UberBookingClone Contributors](https://contrib.rocks/image?repo=pranaypatel512/JetKite)](https://github.com/pranaypatel512/JetKite/graphs/contributors)

- If you want to contribute to this library, you're always welcome!
See [Contributing Guidelines](CONTRIBUTING.md).

## :envelope: Get in touch!

[![Medium](https://img.shields.io/badge/-medium-gray?style=for-the-badge&logo=medium)](https://pranaypatel.medium.com/)
[![Twitter](https://img.shields.io/badge/-twitter-gray?style=for-the-badge&logo=twitter)](https://twitter.com/pranaypatel_)
[![LinkedIn](https://img.shields.io/badge/-linkedin-gray?style=for-the-badge&logo=linkedin)](https://www.linkedin.com/in/pranaypatel512/)


## 🫶 Find this project useful ? ❤️

- Support it by clicking the ⭐️ button on the upper right of this page. ✌️

## License

- See [License](LICENSE)