• Post category:StudyBullet-4
  • Reading time:15 mins read


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


Get Instant Notification of New Courses on our Telegram channel.


(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