- 7
- 13 964
NorthFox Group
เข้าร่วมเมื่อ 22 พ.ย. 2021
Welcome to NorthFox Group!
At NorthFox Group, we’re dedicated to empowering developers of all levels to build amazing apps and websites with the latest tools and technologies.
🚀 What We Offer:
\t•\tReact Native Expo Tutorials: Learn how to build stunning mobile apps for Android and iOS using React Native and Expo.
\t•\tNext.js Tutorials: Master server-side rendering, static site generation, and modern web development techniques.
\t•\tStep-by-Step Guides: From beginner to advanced, we break down concepts into simple, easy-to-follow steps.
\t•\tPro Tips & Tricks: Explore best practices and shortcuts to boost your productivity.
💡 Why Choose NorthFox Group?
\t•\tClear and concise tutorials
\t•\tReal-world examples and projects
\t•\tA growing community of passionate developers
🔔 Subscribe now to stay updated with weekly uploads and take your coding skills to the next level!
Let’s build something amazing together. 💻✨
#ReactNative #Expo #NextJS #WebDevelopment #AppDevelopment #coding #expo
At NorthFox Group, we’re dedicated to empowering developers of all levels to build amazing apps and websites with the latest tools and technologies.
🚀 What We Offer:
\t•\tReact Native Expo Tutorials: Learn how to build stunning mobile apps for Android and iOS using React Native and Expo.
\t•\tNext.js Tutorials: Master server-side rendering, static site generation, and modern web development techniques.
\t•\tStep-by-Step Guides: From beginner to advanced, we break down concepts into simple, easy-to-follow steps.
\t•\tPro Tips & Tricks: Explore best practices and shortcuts to boost your productivity.
💡 Why Choose NorthFox Group?
\t•\tClear and concise tutorials
\t•\tReal-world examples and projects
\t•\tA growing community of passionate developers
🔔 Subscribe now to stay updated with weekly uploads and take your coding skills to the next level!
Let’s build something amazing together. 💻✨
#ReactNative #Expo #NextJS #WebDevelopment #AppDevelopment #coding #expo
🚚 Build a Parcel Tracking App in React Native Expo with Tailwind CSS | Full UI Tutorial
Learn how to create a sleek and responsive Parcel Tracking App using React Native Expo and Tailwind CSS! 🚀
In this video, I guide you through the entire process of designing the app’s UI step by step. Whether you’re a beginner or an experienced developer, this tutorial will help you master combining React Native with the power of Tailwind CSS for beautiful and efficient designs.
📌 What you’ll learn:
• Setting up React Native Expo project.
• Using Tailwind CSS for modern UI design.
• Building a parcel tracking interface with dynamic components.
👉 Don’t forget to like, comment, and subscribe for more amazing tutorials!
🔗 Resources:
Source Code : github.com/princu09/parcel-tracking-rn
Icons : icons.expo.fyi/
SVG Formatter : react-svgr.com/playground
Tailwind CSS Docs : www.nativewind.dev/getting-started/expo-router
UI Credit : dribbble.com/excellentwebworld
💬 Have questions? Drop them in the comments below!
command to install and run :
Install : npm install
Run on Android : npm run android
Run on IOS : npm run ios
Run on web : npm start
Tags:
React Native
React Native Expo
Parcel Tracking App
React Native Tutorial
Tailwind CSS
Mobile App Development
React Native UI Design
Learn React Native
React Native Expo Parcel Tracking
Tailwind CSS Tutorial
React Native Expo Beginners
UI Development
Coding Tutorial
Parcel Tracking React Native
Mobile UI Design
In this video, I guide you through the entire process of designing the app’s UI step by step. Whether you’re a beginner or an experienced developer, this tutorial will help you master combining React Native with the power of Tailwind CSS for beautiful and efficient designs.
📌 What you’ll learn:
• Setting up React Native Expo project.
• Using Tailwind CSS for modern UI design.
• Building a parcel tracking interface with dynamic components.
👉 Don’t forget to like, comment, and subscribe for more amazing tutorials!
🔗 Resources:
Source Code : github.com/princu09/parcel-tracking-rn
Icons : icons.expo.fyi/
SVG Formatter : react-svgr.com/playground
Tailwind CSS Docs : www.nativewind.dev/getting-started/expo-router
UI Credit : dribbble.com/excellentwebworld
💬 Have questions? Drop them in the comments below!
command to install and run :
Install : npm install
Run on Android : npm run android
Run on IOS : npm run ios
Run on web : npm start
Tags:
React Native
React Native Expo
Parcel Tracking App
React Native Tutorial
Tailwind CSS
Mobile App Development
React Native UI Design
Learn React Native
React Native Expo Parcel Tracking
Tailwind CSS Tutorial
React Native Expo Beginners
UI Development
Coding Tutorial
Parcel Tracking React Native
Mobile UI Design
มุมมอง: 461
วีดีโอ
Build a Stunning Chat App with React Native Expo & Tailwind CSS | Part 1
มุมมอง 392หลายเดือนก่อน
Learn how to create a feature-rich chat application using React Native Expo and Tailwind CSS. In this video, we dive deep into the step-by-step process of building a modern, responsive chat app. Perfect for beginners and seasoned developers looking to improve their skills in mobile app development. React Native Expo simplifies cross-platform development, and Tailwind CSS brings unmatched design...
React Native Travel App UI Speed Code using React Native Expo and Tailwindcss
มุมมอง 12K2 หลายเดือนก่อน
Watch as I build a beautiful and modern travel app UI using React Native in this speed coding session. Perfect for developers looking to create sleek, functional, and responsive UIs for mobile apps. Learn how to structure components, manage styles, and create a professional look that stands out. Stay tuned for more tips and tricks in UI/UX development! 🚀 Tools Used: React Native, JavaScript, Ex...
React Native Expo Car Rental App Login UI with Tailwind CSS | Speed Code
มุมมอง 2512 หลายเดือนก่อน
In this tutorial, I will walk you through building a sleek and modern Car Rental App Login UI using React Native, Expo, and Tailwind CSS. You’ll learn how to efficiently design a responsive and user-friendly login interface for mobile applications. Whether you’re a beginner or experienced developer, this step-by-step guide will help you understand the integration of Tailwind CSS with React Nati...
Next.js Crash Course 🚀 : Build a Powerful Starter Template | Beginner-Friendly Guide!
มุมมอง 16310 หลายเดือนก่อน
🚀 Welcome to the ultimate Next.js learning series! In this first video, I'll guide you through creating a solid foundation for your Next.js projects. 🌟 Whether you're a beginner or looking to refresh your skills, this step-by-step tutorial is perfect for you. 🔧 Learn how to set up the essential folder structure for your Next.js applications, and follow along as we build a starter template that ...
Fantastic content! 🔥 I recently developed a Parcel Tracking App using React Native Expo and Tailwind CSS, focusing on creating a responsive and modern UI. Would love your feedback if you have a moment to check it out! 🚚
Thank You Very Much for your support ❤️
Great tutorial! 🎉 I’ve also worked on a similar project recently-a Parcel Tracking App built with React Native Expo and Tailwind CSS. It was an exciting process! Would love to hear your thoughts if you get a chance to check it out. 🚀
Thank You Very Much for your support ❤️
Awesome video! 🙌 I recently created a Parcel Tracking App using React Native Expo and Tailwind CSS, where I showcased a step-by-step UI development process. 🚀 Would love for you to check it out and share your feedback!
Thank You Very Much for your support ❤️
What kind of ios emulator are you using? And how to install it to vs code + react native?
I’m using macos , and use Xcode simulator for device and it’s normal vscode but I customise it using code.
Hey hi, can you give the repo link for this
Sure i will comment here after uploading on github
What is your VS Code theme name ?
It’s not the theme, it’s custom code customisation
marketplace.visualstudio.com/items?itemName=mikaelkristiansson87.react-theme-vscode VSCode Theme Link.
gist.github.com/princu09/c97b651d3a43c15804c8a68127846f56 Custom CSS and JS for VSCode
the way you face error and try again really inspire me
thank you brother
can i get the link to github link
I will put the source code in description
for some reason my pc was formatted, so give me 3-4 days, i will recover this code and give it you.
Stop using auto-completion. Practice your coding skills.
Definitely but I'm using auto completion for increasing my work speed
@@northfoxgroupDon’t let him get to you, he’s just one of those negative people who can’t stand others succeeding. Please keep up the great work and those who don’t like it can move on to other channels.
Thanks brother
please don't stop making vids like this
I will put the source code in description
Sure 😊
no github link?
I will put the source code in description
for some reason my pc was formatted, so give me 3-4 days, i will recover this code and give it you.
@@northfoxgroup thank you. do more content like this, please
@@smartbeeinc if you guys supporting me like this. i create more content
can i have the source code pls
I will put the source code in description
for some reason my pc was formatted, so give me 3-4 days, i will recover this code and give it you.
how can i get this previous project :)
which previous project ?