Jetpack Compose Single Screen Page UIS

<p> Aim of this repository is to design single screen page UIS with Jetpack Compose (mainly focus on the complex ui's).</p>

Purpose

• Purpose of making this repository is to learn how to make or write complex ui screen codes in jetpack compose.
• It also focus on the clean and reusable codes.

Packages

• components: Includes all the common components here , which can used in any screen for eg - Icon , space , Icon Button etc....
• feature: For including any UI.
  • screens : Includes any single screen UI.

How to Contribute

• If you have any single page complex screen UI , you are most welcome.
• Note :- Before start contributing , please check the remaining screens for code quality and components package for the common components.

🖥️ Screenshots

<table style="width:100%"> <tr> <th>Task Management UI</th> <th>NFT Mobile UI</th> <th>Electric Car Charging UI</th> </tr> <tr> <td><img src="screenshots/taskManagement.png" alt="task_management"/></td> <td><img src="screenshots/NFT.png" alt="nft_mobile"/></td> <td><img src="screenshots/electric_car.png" alt="electric+_car"/></td> </tr> </table> <table style="width:100%"> <tr> <th>Chat UI</th> <th>Instagram Home UI</th> <th>Timer UI</th> </tr> <tr> <td><img src="screenshots/chat.png" alt="chat_ui"/></td> <td><img src="screenshots/instagram.png" alt="insta_ui"/></td> <td><img src="screenshots/Timer.png" alt="timer_ui"/></td> </tr> </table> <table style="width:100%"> <tr> <th>Twitter Profile UI</th> <th>Chatting UI</th> <th>Health UI</th> </tr> <tr> <td><img src="screenshots/twitter_profile.png" alt="twitter_profile_ui"/></td> <td><img src="screenshots/chatting.png" alt="chatting_ui"/></td> <td><img src="screenshots/health_ui.png" alt="health_ui"/></td> </tr> </table> <table style="width:100%"> <tr> <th>Tesla UI</th> <th>ScoreBoard UI</th> <th>Instagram Profile screen UI</th> </tr> <tr> <td><img src="screenshots/tesla_ui.png" alt="tesla_ui"/></td> <td><img src="screenshots/scoreboard_ui.png" alt="scoreboard_ui"/></td> <td><img src="screenshots/insta_profile.png" alt="scoreboard_ui"/></td> </tr> </table> <table style="width:100%"> <tr> <th>Shoes App UI</th> </tr> <tr> <td><img src="screenshots/shoes_app.png" alt="shoes_ui" height="500"/></td> </tr> </table>

Find this project useful ? ❤️

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

License

Copyright 2023 Jayant Kumar

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

http://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.