Description
In this Full Stack React Native course, you will learn how to build a complete cross-platform grocery list application from scratch using Expo and React Native. Throughout the lessons, we will integrate modern technologies like Clerk for secure authentication, Neon Postgres with Drizzle ORM for the database, and NativeWind for styling. By the end, you will have the practical skills needed to confidently develop and deploy your own full-stack mobile applications for both iOS and Android.
Course from @codesistency
Links & resources 👇
To start the project, type this command in your terminal:
👉 npx create-expo-app@latest --template default
✨ Source Code: https://dub.sh/2code
✨ Try Neon for FREE: https://dub.sh/neon1
🚀 Try Clerk for FREE: https://dub.sh/clerk2
💫 Try Sentry for FREE: https://dub.sh/sentry1
💥 Try Expo for FREE: https://dub.sh/expo1
🎉 Join Our Skool Community: https://dub.sh/codesistency
💥 Diagrams: https://dub.sh/diagrams4
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
Chapters
- 0:00:00 0 - Project Preview
- 0:06:03 1 - Project Setup & Understanding React Native
- 0:35:50 2 - NativeWind Setup
- 0:42:34 3 - Auth Setup with Clerk
- 1:06:56 4 - Building Our Custom Auth Screen
- 1:38:37 5 - Database & Drizzle Setup
- 2:00:25 6 - Bottom Tabs with Native Tabs
- 2:11:34 7 - Expo API Routes
- 2:27:23 8 - Setting Up Our Store with Zustand
- 2:46:52 9 - Building the List Screen
- 3:21:21 10 - Building the Planner Screen
- 3:48:56 11 - Building the Insights Screen
- 4:07:43 12 - Adding the Feedback Button
🎉 Thanks to our Champion and Sponsor supporters:
👾 @omerhattapoglu1158
👾 @goddardtan
👾 @akihayashi6629
👾 @kikilogsin
👾 @anthonycampbell2148
👾 @tobymiller7790
👾 @rajibdassharma497
👾 @CloudVirtualizationEnthusiast
👾 @adilsoncarlosvianacarlos
👾 @martinmacchia1564
👾 @ulisesmoralez4160
👾 @_Oscar_
👾 @jedi-or-sith2728
👾 @justinhual1290
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news