Войти
  • 204942Просмотров
  • 6 месяцев назадОпубликованоCodesistency

Build a Full Stack Mobile Application with React Native & Expo - React Native Tutorial

Try Clerk for FREE: Try Neon for FREE: My 100-Hour Udemy Course: - 🎉 Source Code: (⭐ Stars appreciated) - ✨ Github Gist: - 🏆 Images: - 📝 Diagrams: 🔗 Links: Join discord to ask your questions: Follow me on X: - 📱 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