Build a Full Stack Mobile Application with React Native & Expo - React Native Tutorial
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-discount
🎉 Source Code: https://github.com/burakorkmez/wallet... (⭐ Stars appreciated)
✨ Github Gist: https://gist.github.com/burakorkmez/2...
🏆 Images: https://github.com/burakorkmez/wallet...
📝 Diagrams: https://app.eraser.io/workspace/EZ72Y...
🔗 Links:
Join discord to ask your questions: / discord
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