Codesistency
Try Clerk for FREE: https://go.clerk.com/zJjhx8N Try Neon for FREE: https://fyi.neon.tech/3aap My 100-Hour Udemy Course: https://dub.sh/udemy-course - π Source Code: https://buy.polar.sh/polar_cl_zeaNPyxsQwRpCRZkHmHEjJJ9sHx16Dn3gIs1L1undLL - β¨ Github Gist: https://gist.github.com/burakorkmez/2df88764ee2ba45672af1b98efd7737a - π Images: https://github.com/burakorkmez/wallet-app-assets - π Diagrams: https://app.eraser.io/workspace/EZ72YXm2vcPsOK6VoDE7 π Links: Join discord to ask your questions: https://discord.gg/yEyKQWYugG Follow me on X: https://x.com/codesistency - π± Cross-Platform App: Built with React Native & Expo - π Authentication: Signup & login with Clerk - π© Email Verification: Secure 6-digit code flow before accessing the app - π 5 Screens: Signup, Login, Verify Email, Home, and Create Transaction - πΈ Expense Tracker: Add income or expenses and manage financial entries - π Balance Updates: Live calculation of current balance based on transactions - ποΈ Delete Transactions: Remove old entries with a single tap - π Pull to Refresh: Classic refresh gesture implemented from scratch - πͺ Logout Functionality: Easily switch accounts or sign out - π§° Backend with Express: RESTful API connected to Neon-hosted Postgres - π Cloud Deployment: Host your backend online for mobile access - β±οΈ Rate Limiting: Protect your API using Redis-based limiter - π§ Beginner Friendly: No prior React Native experience neededβonly basic React knowledge - πΈ 100% Free Tools: No need to pay for anything - π§ͺ Real Device Testing: Run the app on your own phone without a Mac Timestamps: 00:00:00 - 0- Project Preview 00:03:22 - 1- Backend Setup 00:15:35 - 2- Database Setup 00:28:42 - 3- Create Transaction Route 00:41:35 - 4- GET & DELETE Route 00:52:45 - 5- GET Summary Route 01:00:26 - 6- Rate Limiting 01:14:08 - 7- Organizing Our Codebase 01:27:59 - 8- React Native Setup & Basics 01:54:16 - 9- Setting Up Styles & Images 02:06:33 - 10- Authentication 02:18:01 - 11- Designing Auth Pages 02:44:39 - 12- useTransactions Hook 02:56:51 - 13- Deploying Our API 03:09:56 - 14- Home Screen 03:32:21 - 15- Create Screen & Completing Our Project Thanks for watching. If you're reading here, you have to subscribe :-) #coding #reactnative #programming
Complete understanding of the topic
Hands-on practical knowledge
Real-world examples and use cases
Industry best practices
Take your learning to the next level with premium features