CMP : Todo List App (Beginners in CMP)

A full compose multi-platform tutorial for building next level UIs with jetpack compose and building the full functionality

Curated by: Unsung Coders (21 videos)


Currently Playing: P9: Building CategoryPage with 3D Spherical Projection || TodoList App || Beginners [HINDI]

Hello Everyone, Hope you are doing good, In this video we have continued with todo-list app with creating Category Page with in House 3D Spherical Projection Animation using Jetpack compose Timestamps: 00:00 - Agenda 01:28 - Building the background screen 06:35 - building concept - SphereTextDemo 06:58 - Part 1 - Polar coordinate to cartersian 14:50 - Part 2 - Sphere Rotation X,Y axis 20:59 - Part 3 - Camera Transform 22:47 - Part 4 - Perspective projection 28:11 - Part 5 - Screen Transform 30:05 - Understanding Cartesian code, X , Y Rotation, Projection 34:49 - CameraYaw / CameraPitch 36:12 - Fibonacci sphere algorithm - arranging different elements 39:18 - Random dots code 40:35 - Coding the Sphere and motion Github - todoProject : https://github.com/Rohit-554/CMP-TODO-LIST/tree/p9 Spherical coordinates (3d explanation) : https://youtu.be/FDyenWWlPdU?si=xATZ0jEfC2vX-ZyF Perspective projection (3d to 2d casting): https://youtu.be/eoXn6nwV694?si=1foaGueJfoySdAZv 3d Yaw Pitch: https://compsci290-s2016.github.io/CoursePage/Materials/EulerAnglesViz/ Bloch Sphere (Rotation) : https://bloch.kherb.io/ Sphere Visualizer (theta and alpha): https://www.geogebra.org/m/qyruxgqe Figma: https://www.figma.com/community/file/1143575071825582037 Calendar Library : https://github.com/kizitonwose/Calendar custom Animated Compose Bottom bar : https://github.com/Rohit-554/compose-curved-bottombar-navigation That's all, If you liked the video, you may subscribe the channel for future contents, Thankyou for your time, See you guys soon ---- Tags : #3danimation #composemultiplatform #todoapp Compose Multiplatform, Kotlin Multiplatform, To Do List App, Jetpack Compose, Compose Desktop, Compose Web, Compose Android, Kotlin Tutorial, Compose Multiplatform Tutorial, Compose MVVM, Room Database, SQLDelight, Kotlin KMP, Cross Platform App, Compose Multiplatform Project, Kotlin Multiplatform Project, Compose for Android and Desktop, Compose for Web, Jetpack Compose Beginners, Kotlin Beginner Project, Compose Multiplatform MVVM, Compose Navigation, Compose Material3, Compose UI Design, Kotlin Room Database, Android Room Database, Compose Local Storage, Compose StateFlow, Compose ViewModel, ToDo App Kotlin, Compose CRUD App, Compose List App, Compose Database Tutorial, Compose Clean Architecture, Compose Repository Pattern, Compose Data Layer, Kotlin Coroutines, Compose Flow, Compose State Management, Compose Navigation Tutorial, Kotlin Compose Multiplatform Example, Compose Animation, Compose LazyColumn, Compose Best Practices, Jetpack Compose UI, Compose for Beginners, Compose Step by Step, Compose Multiplatform Course, Compose Cross Platform UI, Compose Productivity App, Compose Open Source Project, Kotlin Compose Code, Compose App Development, Compose Tutorial 2025, Compose Full Project, Compose Multiplatform Demo, Compose Kotlin UI Library, Android Compose Project, Kotlin Compose State Management, Compose Learning Series, Compose Multiplatform Beginner Project, Compose Multiplatform Full App, Compose Todo Tutorial, Compose Todo MVVM, Compose Database Integration, Compose Room Setup, Kotlin Compose Navigation, Compose Modern UI Design Dependency Injection best practices Android, how does Dependency Injection work, Dependency Injection in Kotlin Android, Dependency Injection design pattern, jetpack compose carousel, jetpack compose 3d effect, lazyrow jetpack compose, android carousel calendar, compose graphics layer, jetpack compose scroll animation, with 3d transformation, jetpack compose horizontal calendar with scroll, custom calendar carousel android, graphics layer rotation jetpack compose, viewport offset in lazyrow compose, jetpack compose carousel with scale and rotation, android compose date selector with 3d effect, lazyrow scroll offset calculation, jetpack compose wheel picker effect, graphicsLayer compose, rotationY compose animation, lazyrow viewportStartOffset, compose scroll state tracking, BoxWithConstraintsScope compose, LocalDensity compose, LaunchedEffect compose, rememberLazyListState, compose item offset calculation, normalize distance compose, compose viewport center calculation, item transformation compose, jetpack compose 3d carousel tutorial, build carousel calendar android compose, lazyrow 3d effect step by step, compose carousel implementation guide, android compose calendar scroll effect, how to center item in lazyrow, lazyrow scroll to center compose, calculate distance from center compose, apply 3d rotation in compose, scale animation in lazyrow, fade effect in compose carousel, viewport offset calculation compose, auto scroll to item compose, content padding lazyrow center items, kotlinx datetime compose, Clock.System.now compose, LocalDate kotlin, TimeZone kotlin datetime, android studio jetpack compose carousel, kotlin compose 3d calendar, material design 3 carousel, modal bottom sheet compose, Calendar compose multiplatform


Tracks in this Playlist