filmov
tv
Creating an ecommerce app UI using React Native and Nativewind
Показать описание
In this tutorial, you'll learn how to create a visually stunning e-commerce app UI using React Native CLI with Tailwind CSS/Native Wind. By leveraging the power of React Native, a popular JavaScript framework for building mobile apps, and the flexibility of Tailwind CSS or Native Wind for styling, you'll be able to design a professional-grade user interface with ease.
If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
🕐 TIMESTAMPS:
0:00 - Introduction
0:10 - Project preview
1:40 - Starting the Build
8:45 - Starting app in Android emulator
10:25 - Cleanup the default app
11:36 - Installing nativewind
12:25 - Setting up Tailwindcss environment
15:42 - Creating Header
17:38 - Setting up react-native-heroicons
22:13 - Home Screen started
25:00 - Fetching the product data from external an API
29:30 - Mapping through & designing the product data
44:33 - Conclusion
If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
🕐 TIMESTAMPS:
0:00 - Introduction
0:10 - Project preview
1:40 - Starting the Build
8:45 - Starting app in Android emulator
10:25 - Cleanup the default app
11:36 - Installing nativewind
12:25 - Setting up Tailwindcss environment
15:42 - Creating Header
17:38 - Setting up react-native-heroicons
22:13 - Home Screen started
25:00 - Fetching the product data from external an API
29:30 - Mapping through & designing the product data
44:33 - Conclusion
0:00:16
E-Commerce Design in FlutterFlow 🛍
0:00:13
E-Commerce App UI in Flutter 🧑💻📱
0:00:53
E-commerce App UI Design in figma || Figma UI/UX Design Tutorial | Speed design #shorts
0:00:09
E-Commerce Mobile App Figma UI Kit | UI UX Design Resources | Figma Design | ECommerce App Project
0:13:19
The Perfect Ecommerce Website Layout Explained
3:55:38
Building an Ecommerce App with React Native, Expo and Gluestack
0:00:42
Create eCommerce App in Seconds with AI - Appy Pie No-Code AI App Generator
0:00:17
Make a Professional Website UI Design in Figma | Figma Tutorial | Figma Tutorial For Beginners
2:44:34
Build a Modern Ecommerce Website from Scratch with Next.js, Tailwind CSS, and Shadcn UI (Part 2)
0:04:30
Building a Flutter Ecommerce App UI Design | Speed Code
0:00:09
Online shopping website | fashion ecommerce | HTML5 | clothing website | Ui/Ux design | online store
0:00:49
Text to UI: AI is Replacing Designers! 🤯
0:21:33
How to Build a MultiVendor eCommerce Marketplace App or Website like Amazon, Etsy or eBay
0:00:11
how to create an E-Commerce product web shop using html and CSS | E-commerce website #html #css
0:36:00
Flutter Ecommerce App UI - Speed Code
0:00:07
Simple and smart slide menu for mobile app 🌱 using Figma #technology #figma #uidesign
0:00:33
Build apps using Lovable AI
0:00:16
My 5-Step UX/UI Design Process — From Start to Deliver
0:00:09
Fashion Ecommerce Mobile App | Fashion Store Mobile APP | UI/UX Design | Mobile App Design | Web
3:01:35
🔴 Complete eCommerce App UI in React Native | React Native Project
0:29:49
💰📱 Minimal Ecommerce App • Flutter Tutorial
0:00:20
Create Your Ecommerce website for WhatsApp
0:00:44
Building Your Own Ecommerce Business Website? 🔥 Online Store or Amazon, Flipkart & Meesho ✅
1:34:41
🔴#1 - eCommerce App in React Native | Home, Login, SignUp, Onboarding UI of eCommerce App
Комментарии