Desarrollo Móvil - Build a Full Stack Mobile Application with React Native & Expo - React Native Tutorial

4.0 (1)

28 learners

What you'll learn

This course includes

11.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Full Transcript

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-app-expo (⭐ Stars appreciated) - ✨ 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