React Native Full Stack Tutorial: Expo, Firebase | Build Marketplace App

React Native Full Stack Tutorial: Expo, Firebase, Tailwind CSS & Formik | Marketplace App
Build a Full-Stack Marketplace App with React Native: Expo, Firebase, Tailwind CSS & Formik

Welcome to our latest tutorial where we delve into the exciting world of building a Full-Stack Marketplace App using React Native! In this comprehensive guide, we'll take you through the entire process step-by-step, from setting up your development environment to deploying your app.

With React Native, Expo, Firebase, Tailwind CSS, and Formik in our toolkit, we'll harness the power of these technologies to create a robust and user-friendly marketplace application. Whether you're a seasoned developer looking to expand your skill set or a beginner eager to learn, this tutorial is perfect for you.

Here's what you can expect to learn:

Setting up your development environment with Expo
Designing and structuring your app components using React Native
Implementing user authentication and data storage with Firebase
Styling your app using Tailwind CSS for a sleek and modern look
Handling forms effortlessly with Formik
By the end of this tutorial, you'll have a fully functional marketplace app that you can customize and expand upon to suit your specific needs. Get ready to dive in and unleash your creativity as we embark on this exciting journey together!

Don't forget to like, share, and subscribe for more content like this. Let's build amazing apps together! 🚀

#ReactNative #Expo #Firebase #TailwindCSS #Formik #FullStack #MarketplaceApp #tutorial
Join this channel to get access to perks:

00:00:00 Introduction
00:06:20 Create App + Run on Emulator
00:17:32 Setup Tailwind Css
00:24:36 Login Screen UI
00:33:50 Authentication
00:41:21 React Tab Navigation
00:53:22 Firebase Setup (Add Post)
01:05:04 Formik React From (Add Post)
01:25:41 Image Picker (Add Post)
01:36:44 Save Form Data (Add Post)
01:53:53 Header (Home Screen)
02:05:03 Slider (Home Screen)
02:13:43 Category List (Home Screen)
02:23:05 Product List (Home Screen)
02:43:30 Stack Navigation
02:53:49 Product List By Category
03:03:05 Product Detail Screen
03:21:27 Share Functionality
03:32:11 Explore Tab (Screen)
03:41:20 Profile Tab +My Product Screen
04:16:26 Logout User (Finish)

[vigneshd-exfu]

next video how to deploy app for android and iso and how to solve errors in ios build

[tipstricksreviews]

Hi is there any chat section and geolocation feature to filter items? If you can make another video to add those would be great. Thanks

[HerbyFlerby]

The value you're adding with these tutorials is off the charts

[bossburnz]

How do I add a product list to my home screen using Firebase? I'm still new at this kind of stuff, and it's also for my school project.

[bagmore]

One of my before project is based on .php & Laravel and I was using Visual Studio Code integrated & synchronized with "Laragon" terminal.. Laragon terminal is automatically contains 'node.js' ...So, do you think any possible problem when I try open and set up this project source code? I am Windows 10 user.

[chessknock]

Thank you so much for this. Please keep it going 🎉 Can you please add a link to a source code and assets? The current link doesn't work

[Technical_yaar]

sir i am facing this issue



# npm resolution error report

node_modules/react
react@"18.2.0" from the root project
@clerk/clerk-expo@"*" from the root project

Could not resolve dependency:
node_modules/react-dom
@clerk/clerk-expo@"*" from the root project

Fix the upstream dependency conflict, or retry
this command with --force or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

[mdsafikulislam]

Dear Brother, Please remake this existing project with Backend technologies: NextJS, MongoDB etc.
This is my humble request to you!

[kelvinmedeiros]

Show, congratulations, very top class. But I found an error after I placed the ScrollView ( VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.) do you know how to solve it??

[azmarketing]

where you get images ? please share link of images which is used in this project

[omkarsahu]

Very nice,
I have 2 small queries,
1. How to hide the Tab Navigation when we are on the category screen or item list (item details) screen?
2. And if we are not hiding the Tab Navigation, then how to change the parent tab tint color when we are on the category screen or item list (item details) screen?

[bechirtrifi]

Hello i ve followed all the video honstly it's a great content but i have some issues when i ve changed the app to apk format my app is always blocked in the login stage, in the clerck sign, note that it works perfectly in local but in apk it doesn't work :(

[shlokprakash]

import { View, Text, Image } from 'react-native'
import React from 'react'

export default function LoginSceen() {
return (
<View>
<Image
className = "w-full h-[100px] align-middle"
/>
</View>
)
}
Why is this not working for me and the image is not adusting

[johnshustle]

You do a great job, please, can you develop a next J's web application and the develop a react native application for it, so that the data on the web app is the same as the app, including features and all that. No one ever do that on YouTube and I believe it will blow up. Thanks for your hard work, you are a gem. I was wondering what to do today but this will video will be a great practice, thanks a lot man

[developerud]

how can i get the link of source code as i am your gold member

[ajaypatidar]

"Hey there! Can you please create a course on building React Native apps with WooCommerce API integration? It'd be super helpful! Thanks a bunch! 🙌"

[akshatha_poojary]

Unable to install clerk.. showing npm warn-->conflicting peer dependency

[Alfakhri]

Thumbs up
I'm new to React. Can this app be published on the Apple Store and Google Play?
Thanks!

[Shubuislive]

bro please make a complete video on react native tutorial in which you will explain the everything about react native like what is use of each thing and use case moreover apporach's . i am beginner in react native firstly i need to grab the knowleadge of react native if possible bro please launch the complete react native tutorial playlist ❤❤

[LuseBiswas]

Sir, your explanation is awesome...just keep going on sir