📱 Build a Coffee Shop App using React Native ☕| Beginner | 2023

Hello Everyone, Today we are going to build a fully functional Coffee Shop App using React Native and Zustand (State Management Library). In this project, you can browse the list of Coffees and Coffee Beans. You can also search for the Coffees of your choice and look for the details like Special Ingredients, Roast Level, Ratings, and Description as well. You can Favourite any item and you can add these items to the Cart and place the order. So, Sit back and Relax, Grab some snacks, and Enjoy the Video.

📱 Build a Coffee Shop App using React Native ☕| Beginner | 2023

Time Stamps
00:00:00 Intro to Coffee House App
00:09:56 Project Setup
00:16:58 Dependency Installation
00:25:36 Assets Allocation
00:31:13 Data Source and Theme Setup
00:37:06 Custom Icon Setup
00:40:42 Creating Stack and Tab Navigators
01:01:48 Building Zustand Store
01:07:26 Building HomeScreen
03:20:43 Building Details Screen
04:42:55 Building Cart Screen
06:14:51 Building Favourites Screen
06:34:40 Building Payment Screen
07:30:45 Building Order History Screen Screen
08:22:57 Building Splash Screen
08:44:05 Development Completed
08:44:46 Support Me

Tags -
#reactnative #javascript #zustand #react #development
code,react,nodejs,firebase,tailwindcss,expo,programming,reactjs,mern,sanity,login,javascript,typescript,design,web development,react native,react native tutorial,react native tutorials for beginners,react native project,react native animations,react native ui,app development,react native app,react native course,live coding,react native authentication,react native course,react native project,react native,react native projects,react native coffee app tutorial,react native coffee app,coffee app,react native tutorial for beginners,react native movie app,react native ecommerce app,javascript,typescript,app development,react native app development,react native crash course,coffee shop app,mobile app development,learn react native,react native app tutorial,react native full course,zustand,state management, react native zustand, react zustand,

[dsdwqtg]

When I create a project, it outputs the Kotlin language, not the Java language. Can you help me create a project in java language?

[npkglcx]

God bless all the Indians programmers on YouTube! Love you.

[augustofilipe]

Real think lerson i see in my live very more video isso good i.m so mach keep continu maker this .

[codewithkin]

Beautiful Project, tanks a lot for guiding us through creating this wonderful app.

[Akashkumar-eitm]

Well this one is great 👍 thanks for this looking forward to see more of such contents

[donjeph]

Adding the Figma file is very nice. with this we can now exactly what we are building

[michaelfrancis]

This is great work man, bless you plus all the resources supplied

[zaabimahdi]

Wooow, this is one of the best react native project ever created on Youtube ! thank you so much !

[sanskrutigoske]

thank you for the most useful tutorial video and also for the provided doc,
Thanks.

[mahendranath]

nice thank you, liked and subscribed 👍

[cafesmallhouse]

thank you so much. it's super awesome video.

[harratabdelmalek]

Thanks man i subbed, you worth more 1m sub

[naheedfaiz]

can you please make more video like this inwhich really help us, again thanks alot

[ammarhaidar]

This is the first time I watch your channel and I am impressed, I hope you make a big react native app with express js backend

[shubhamguptachannel]

Eagerly waiting for next react native project❤

[joshuatheprogrammer]

Great job Bro. I really like your work

[D_bugit]

you are the only person that adds the figma design link...Thank you😇

[terteyty]

great tut bro, keep going u deserve more subs

[vikasreal]

Thank you so much for this app buiding journey. I got to learn a lot.