Mô tả

Building cross-platform mobile apps has become less time consuming and more effective with one of the most popular frameworks, React Native.

This is not a reading documentation course. You have here a real-world project to learn from, and you will see the exact place of every feature of every technology used in this course.

You will learn how to build a Mobile Application for iOS and Android with MERN stack using React Native.

In this course you will learn to use technologies like:

- React Native

- NodeJs

- Express

- MongoDB

- Redux

- Context API

- React Navigation

- Styled Components

- And Native Base


You will learn the basics of building React Native apps. First, you will discover how to set up your environment in record time, including how to debug and run your app on your phone. Then, you will explore the React Native component library and how to style your layouts for a great feel. Finally, you will delve into how to call an HTTP API from your app.

When you’re finished with this course, you will have the basic skills and knowledge of React Native needed to tackle profitable, cross-platform mobile projects without learning at least two new programming languages.


Also, this course is a perfect to the concepts of server-side web development. You’ll learn the different parts that make up the back-end of a website or web application, and you’ll gain familiarity with the Node.js runtime environment. After this course, you’ll be set up to explore popular Node frameworks like Express.js to build great API's.

You learn in this course how to use mongoDb without any installing extra tools, MongoDB is now on cloud, so you will store your database in safe place!


The main features:

  • Full featured shopping cart

  • Top products carousel

  • Product pagination

  • Product search feature

  • User profile with orders

  • Admin product management

  • Admin user management

  • Admin Order details page

  • Changing the orders states (shipped, delivered ..)

  • Checkout process (shipping, payment method, etc)

  • Using Database in the cloud

  • and much more ...


And not only this, you will have optional tasks to do and we can review them for you! Just pick up one task from the board and create the pull request to get the review, to be like in a real world experience!

After this course you will have a full working e-commerce iOS and Android App that you can use or add to your portfolio.

Bạn sẽ học được gì

Build a Great eCommerce Mobile Application with React Native, Redux, Node, Express & MongoDB

Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android

An actual real-world project built in a linear and progressive manner

Great Division of the course so you can pick up FullStack, Frontend or Backend

Admin area to manage customers, products & orders from mobile phone!

Product search, carousel & more

Learn NodeJS API (Backend) Development

Learn to Implement Authentication based on JWT

Understand the terminology and concepts of Redux

Get up to speed with React design principles and methodologies

Make truly reusable components that look great

Discover mobile design patterns used by experienced engineers

Yêu cầu

  • Basic Knowledge with Javascript

Nội dung khoá học

23 sections

Welcome to the course

6 lectures
What are we going to build?
04:20
What is MERN Stack?
03:05
How to Get the Most of This Course
02:12
How to use this course
00:38
If you get stuck and Errors
01:03
Course Outlines
02:58

Tools and Environment

7 lectures
Installing NodeJs
01:55
Installing Expo
03:04
Installing and running Android Studio
03:28
Installing and running iOS Simulator
01:39
Installing our Coding Editor (IDE)
02:06
Installing PostMan to Test our API's
01:50
Configure MongoDB Atlas
01:57

Working with Backend

13 lectures
Introduction
01:22
Overview to our RESTful API
03:26
File Structure
01:10
Creating the Backend Server with Express
06:38
Reading Environment Variables
04:59
Create First API Call & Parsing Json Data
06:47
Important note about parsing json data
00:19
Logging API Requests
02:38
Installing Mongoose and Connect to MongoDB Database
10:02
Read/Write Data to Database Using API
14:31
Analysing the E-Shop Database
05:40
Create Backend API Routes & Schemas
09:48
Enabling CORS & Why Do We Need It?
03:15

Backend: Products & Categories

16 lectures
Introduction
02:44
Products Model & Scheme
06:12
Categories Model & Scheme
01:43
Add and Delete Categories
12:39
Get Categories and Category Details
02:48
Update Category
04:09
Post a New Product REST API
05:55
Get a Product & List of Products REST API
03:47
Population of Category in Get a Product API
03:01
Update a Product REST API
03:17
Delete a Product REST API and Validate Id
03:45
Get Products Count for Statistics Purposes
03:43
Get Featured Products REST API
05:18
Filtering and Getting Products by Category
06:54
Changing "_id" key to "id" - more frontend friendly
02:05
Section Code
00:03

Backend : Users & Authentication

13 lectures
Introduction
05:12
User Models and Schemas
02:01
Post/Register a New User REST API
05:18
Hashing the User Password
02:57
Get User and List of Users Excluding Password
02:56
Login a User REST API & Creating a Token
11:25
Protecting the API and Authentication JWT Middleware
06:07
Authentication Error Handling
05:07
Excluding REST API Routes From Authentication
06:48
Add More Secret User Information to Token
02:38
Users & Admins - User Role
06:46
Get User Count REST API
02:16
Section Code
00:03

Backend: Orders

12 lectures
Introduction
01:54
Orders & Order-Items Model & Scheme
05:00
Array of Refs - Example of Link Order to Order Items to Products
01:12
New Order & Create Order Items on Posting New Order
11:42
Get Order Detail and Populate Products in Order Items and User Data
08:10
Update Order Status & Delete Order
04:29
Delete Order Items after Deleting the Order
1 question
Explaining the Solution
01:54
Calculating Total Price of one Order
07:01
Get Total E-Shop Sales using $sum
06:42
Get User Orders
03:25
Section Code
00:02

Backend: Product Image & Gallery Upload

9 lectures
Introduction
02:22
Configure Server Side Upload
11:24
Testing Image Upload with Postman
04:55
Validating Uploaded File Types
06:16
Image Upload With Product Post Request
01:10
Image Upload With Product PUT Request
03:19
Product Gallery Multiple Images Upload
07:17
Excluding Uploads Folder From Authentication
02:57
Section Code
00:02

React Native Fundamentals: Todo List

11 lectures
React Native Fundamentals
02:54
Project Setup and Folder Structure
08:25
Components
04:13
State
04:11
Props
03:59
Style
07:17
ScrollView and TextInput
03:00
Add Item
05:32
Delete Item
04:22
Expo Menu
01:41
Section Code
00:05

Easy Shop: Products

13 lectures
Intro and Folder Structure
06:10
FlatList Products
06:04
Product List
05:18
Product Card
16:06
Regarding Layout and Images
00:23
Header
07:22
Important note on Native Base
00:22
Native Base
05:36
Searched Product
10:09
Search List
10:02
LogBox
01:48
Banner
11:43
Section Code
00:05

Easy Shop: Categories

5 lectures
Categories
03:27
Category Filter
08:06
Category Badges
10:04
Category Container
07:26
Section Code
00:05

React Navigation

6 lectures
React Navigation
02:35
Installing React Navigation
02:10
Bottom Tab Navigation
19:29
Navigation with Route Params
11:50
Single Product
07:13
Section Code
00:05

Redux

6 lectures
What is Redux?
02:00
Installing Redux Dependencies
01:49
Redux Store
03:52
Cart Items Reducer
06:24
Cart Actions
03:24
Section Code
00:05

Easy Shop: Cart

9 lectures
Cart Navigator
1 question
Add Items To Cart
07:46
Single Product
1 question
Cart Item
10:52
Bottom Container
05:53
Cart Icon
08:47
Clear Cart
02:12
Remove Single Item from Cart
13:12
Section Code
00:05

Checkout

7 lectures
Checkout Navigator
08:26
Custom Form
11:27
Shipping Page
22:23
Payment Page
16:18
Confirm Page
12:20
Confirm Items
10:03
Section Code
00:05

Connecting to our server

10 lectures
Base URL
03:46
Ngrok [OPTIONAL]
00:07
Application Data
00:48
Connect Products
04:42
Connect Categories
03:22
useFocusEffect and useCallback
02:32
Activity Indicator
03:48
Preparing for deployment
00:11
Deploying our server to Heroku with GitHub [OPTIONAL]
09:09
Section Code
00:05

Easy Shop: User & Authentication

9 lectures
User Navigator
07:26
Login Screen
09:24
Handling Submit
02:30
Error
04:13
Register Screen
12:54
Register User
03:55
Toast
06:00
Adding Toast to the entire App
03:46
Section Code
00:05

Context API

9 lectures
Intro
01:06
Installing Dependencies
02:14
Actions
14:52
Reducer
02:32
isEmpty
03:32
Store
09:06
Adding Context to Login
04:59
Profile Page
15:58
Section Code
00:05

Easy Shop: Admin Panel [Part 1]

9 lectures
Admin Navigator
12:36
Product List Setup
09:59
Product List
04:34
List Item
08:19
List Item Styling
04:51
List Header
06:05
Product Filter
03:54
Modal
12:12
Section Code
00:05

Styled Components

7 lectures
Intro
02:08
Easy Button
08:54
Adding Easy Button to Modal
04:38
Adding Easy Button to rest of the App
09:26
Traffic Light
03:51
Using Traffic Light
07:41
Section Code
00:05

Easy Shop: Admin Panel [Part 2]

14 lectures
Delete Item
04:05
Button Container
06:07
Product Form
19:16
Category Picker
06:55
Categories Button Container
03:27
Access Photo Library
11:51
Add Products
10:25
Upload Image
06:52
Update Product
10:20
Categories
11:31
Category Item
08:21
Add Category
05:16
Delete Category
03:51
Section Code
00:05

Easy Shop: Orders

10 lectures
Confirm Order
08:21
Orders
07:49
Order Card
12:12
Order Status
13:16
IMPORTANT! Update on sending Orders
01:35
Cart Button Check
02:29
Update Status
07:02
User Orders
16:31
Edit Mode
03:06
Section Code
00:05

Finishing Up

7 lectures
Icon and Splash Screen
02:01
Build Android
00:03
Deploy to Google PlayStore
00:05
Build iOS
00:03
Deploy to Apple App Store
00:06
Useful Links
00:03
Conclusion
00:38

Bonus Section

1 lectures
Bonus Lecture
00:32

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.