Build (PWA & Machine Learning) Shopping Cart APP Using Vue Vuex Node Express MongoDB Brain.js (unit & integration) test
What you will learn
Build Amazing And Smart Full Stack Shopping Cart Application Using Vue Node Express MongoDB Brain JS From Scratch
Use brain JS with Express To Create a Smart Machine Learning Back-end API
Convert your App to a Progressive Web App | let your APP able to Setup and Work as Native mobile apps on different mobile devises
Write (unit & integration) test To your App
Build a Professional Admin Dashboard From Scratch
Create REST API using Express
Set up Authentication and Authorization user & Admins Accounts
Use Animation with VUE JS To Animate Your Page Element
Use and Learn Chart JS and Vue-Chart and Create a Reactive Analysis Charting Template
Learn how to upload image to your app
Use VUEX to Create a Store Data
Deploying app to Heroku
Description
Do you want to become a MEVN Stack Developer ?
Do you want to build scalable, high-performance Full Stack Web App Using VUE Node Express MongoDB Framework’s ?
Do you want to Learn How to convert your apps to A progressive web app And make it Mobile Friendly Work Just like the
Native APPs
Do you want to Learn How to Add A touch of The Artificial intelligence technologies To your Node APPs To give your app users
Great UX
Do you want to Learn How To Start Writing Automated Test To your JavaScript ( NODE & VUE ) Code before deployment
Then you are in the right place.
This course will guide you in building a full-stack app using VUE Node Express MongoDB Brain frameworks. You’ll build
(MEVN Stack) build an PWA & Machine Learning E-Commerce APP
You Will Learn How To Test Your Code
You Will Learn How To Build A Complete Restful API
Your Will learn How To Convert (HTML & CSS) App To A VUE JS App ..
Your Will learn How To Combine Vue Vuex As a Front-end with Express MongoDB As a back-end
Along the way you will learn to do the same thing in different and simple ways
This course takes you on an end-to-end journey, building on your basic skills and taking you to advanced skill set in no time with MEVN Stack while deploying enhanced web apps to a production environment.
English
language
Content
Introduction
Introduction
2 Tools & Environment
1 Git
2 NodeJS & Vue Cli
3 Setup MongoDB Server & compass
3 ( Vue & Vuex ) FrontEnd
code_section_OLX
1 Create Vue App Using Vue Cli
2 Add Some Packages to The app
3 Start using Router
4 Add Html Css codes to Main
5 Loop the items inside Main
6 PageNation NextPrev Buttons Main
7 PageNation Page Main
8 Add Categories Component to Main
9 Use Filters In Main
10 Specific item Component
11 Create Vuex Store
12 Add Vue devTool
13 Vuex Products Module Part 1
14 Vuex Products Module Part 2
15 Using Vuex inside Specific Item Component
16 Using Vuex inside Main Component
17 Vuex Create Categories Module
18 Using Categories Vuex Module in Categories Component
19 Using Categories Vuex Module in Specific Item Component
20 Create Header Added To Project
21 Create Cart Component Added To Header
22 Create Cart Store Module Part 1
23 Create Cart Store Module Part 2
24 Fix Bug
25 Using Cart Stroe inside Main Component
26 Add and Remove Item From Cart Main Component
27 Using Cart Store inside Specific Item Component
28 Using Cart Store inside Cart Component Part 1
29 Using Cart Store inside Cart Component Part 2
30 Using Cart Store inside Cart Component Part 3
31 Using Cart Store inside Cart Component Part 4
32 Create Authentication Store Module
33 Create UserMovement Store Module
34 Create Sugprod Component Part 1
35 Create Sugprod Component Part 2
36 Sugprod Component Animation
37 Create LoginReigester Component
38 Create UserProfile Component
39 Search
40 Protected Routes
41 Admin Component Part 1
42 Admin Component Part 2
43 Admin Component Animation
44 Create Users Store Module
45 Admin Users Component
46 Create PageNation Store And Use it inside Users Component
47 Add Some Action to Categories Store Module
48 Worked on Categories Admin Component
49 Add Some Action to Products Store Module
50 Worked on Products Admin Component Setup Script
51 Worked on Products Admin Component Show Mode
52 Worked on Products Admin Component Edit Mode
53 Fix bug
54 Worked on Products Admin Component Add New Product
55 Worked on Products Admin Component Add Pagination
56 Chart Component
57 Using UserMovement
4 PWA
Note
0 images
FinalCode
Intro
2 build Our App
3 Manifest File
4 Service Worker
5 Get Ready And Deploy
6 Android device Test
5 App Backend ( Express & MongoDB )
0 Final code
1 Get Started
2 Categories API Model
3 Categories API Routes Operations Part 1
4 Categories API Routes Operations Part 2
5 Products API Model
6 Create Products Routes
7 Products API Routes Add New Product
8 Products API Routes Edit One Product
9 Products API Routes Get One And Many Products
10 Products API Routes Get By Page Number And Delete Product
11 Images upload
12 User API Model
13 User API Routes Add User
14 Auth API Routes
15 Auth And Admin Middlewares
16 User API Use Token And Get User Data
17 User API Update User Data And Users Role And Delete
18 Using Middlewares On diffrent Places
19 Search API Model
20 Search Routes
6 Machine Learning
machine learning examples Code
1 Intro To Brain JS
2 Counter Example
3 Color Example
4 Simple Example
5 Strings Example
6 Name Example
7 App-Models
8 App-Add Machine Learning Route
9 App-Fix Bugs
10 App Search ML Part I
11 App Search ML Part II Training data
12 App Search ML Part III Run ML
13 App Search ML Part IIII Save Data
14 App Products ML Part I
15 App Products ML Part II Start Handling The Routes
16 App Products ML Part III Final
17 App Exercise Selution
18 App Get The items That user May Like
7 Refactor BackEnd Code
0 Refactor_Code
1 clean Up index part 1
2 clean Up index Part 2 Routes
3 Test App
4 unHandling Errors And Rejections
8 combine_FrontEnd_with_Backend
! very important Note
Source Code
1 Authentication Store Modules
2 Categories Store Modules
3 Products Store Modules
4 UserMovement Store Modules
5 Users Store Modules
6 Test App
7 Home Main Component Part 1
8 Home Main Component Part 2
9 Home Categories Component
10 Home Sugproducts Component
11 Cart
12 LoginRegister
13 Fix Bug
14 Search Component
15 Specific Item Component
16 fix Bug
17 User Profile Component
18 User Profile Component Part 2
19 User Profile Deleted User Part 3
20 Admin USERS
21 Admin Categories
22 Admin Products Part 1 – MainProd
23 Admin Products Part 2 – AddNew
24 Admin Products Part 3 – ProdList
25 Admin Products Part 4 – EditProd
26 Admin Products Part 5 – EditProd Del
27 fix Bug
9 Create Another Server
Source Code
1 TEST
2 CreateServer
10 Automated ( Unit & Integration ) Testing
Note
AutoTestCode
OLX_APP_FinalCode
1 intro
2 Numbers
3 Strings
4 Objects
5 Exceptions
6 Arrays
7 MockFunctions
8 Get App Backend Ready
9 App-backend UnitTest Auth Middleware
10 App-backend UnitTest User Model
11 App-backend integrationTest User Middlware
12 App-backend Integration Test Categories Route PART I
13 App-backend Integration Test Categories Route PART II
14 App-backend Integration Test Categories Route PART III
15 APP-FrontEnd Setup TestTools
16 APP-FrontEnd unitTest First Test
17 APP-FrontEnd unitTest Route Path
18 APP-FrontEnd unitTest Login Method
19 APP-FrontEnd unitTest Register Method
11 deployment
code_deploy_OLX
1 setUp mongodb atlas
2 deploy Machine learning Server
3 Get Frontend Ready
4 Final Operation