Mô tả

This is a Nodejs and Flutter complete app for beginners to advanced level with socket technology for chatting and job finding. Here in tutorial we will Mongodb for our database and JWT for authentication.

  1. App preview

  2. onboarding screen

  3. login screen

  4. register screen

  5. resume page

  6. upload picture screen

  7. edit screen

  8. job home screen

  9. job search screen

  10. job view screen

  11. chatting screen

  12. chatting list screen

Flutter and Nodejs is covered from beginners to advanced level. We also showed how to deploy your Nodejs server to real world server. You may use that server for free.

We used Nodejs for restful using Express framework. Since it's most popular Nodejs framework, it would be easy to follow for everyone.

We have also build real time chatting with socket, so that you learn how to do chatting with flutter, nodejs, mongodb and socket.


Frontend Flutter we started from onboarding screen to login to chatting app. We have used Provider package for managing state.

Provider is one of the most popular package for managing states and easy to follow. As far as flutter framework goes, we have used the latest version to create this tutorial.

This tutorial covers more than 12 hours which is enough to finish all these. You will start with a starter file and finish with an excellent complete app.

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

Build Flutter app from fcratch

Flutter app with Nodejs

Build a job finding app using Flutter as frontend Nodejs as backend

Build a chatting system using socket with Nodejs

Yêu cầu

  • A bit of flutter experience with computer flutter sdk set up and up and running.

Nội dung khoá học

7 sections

Introduction

2 lectures
Introduction
04:58
Overview of the app structure frontend
06:05

Front end

9 lectures
OnBoarding Screen with PageView and Stack Widget
08:26
Custom Reusable Buttons in Flutter
08:58
Manipulating PageView scroll physics using pageControllers and Provider
04:24
Onboarding Screen Page Indicator using Smooth Page Indicator Package
02:48
Navigating through PageView Widgets using Custom TextButtons and pageController
05:39
Creating Reusable Custom AppBar in Flutter
03:49
ListView and Creating Reusable Custom TextFormField in Flutter
07:15
Implementing and Validating Custom TextFormFields and Custom Button
08:54
Manipulating TextFormField ObscureText using provider
11:11

Frontend and ZoomDrawer

3 lectures
Setting up zoom provider.mp4
01:31
ZoomDrawer with Providers
08:26
ZoomDrawer DrawerScreen ValueSetter and Providers
17:29

Frontend Tiles and ListView

9 lectures
SafeArea Widget and Creating Reusable Widgets for Home Page
09:56
Creating ListView builder returning a Custom Widget
07:21
Custom reusable Vertical Tile
09:30
Changes JobTile Images
01:33
Job Page
16:55
Name Tile and Pdf tile
11:44
Profile Email Phone Tile and Skills
08:42
Devices Management and Logout functionalities
15:37
Setting up the Search page
06:33

Backend

46 lectures
Node on Mac
03:01
Starter code introduction 2
06:09
Dotenv in nodejs
04:44
Create MongoDB and Connect to Node Server
07:20
Creating Models
08:39
Create User
05:11
Error Corrections
02:34
Installing Postman and making our first post request
03:34
Installing and using MongoDB for VsCode
02:18
Password Encryption using Crypto-JS
03:32
Storing encrypted passwords in the db
01:53
Login a user and spread operator in Node JS12, spread operator
08:46
JWT implementation in our Middleware
07:22
Update User
11:04
Get User and Setup PostMan environment
07:34
Post a job
07:22
Update, Get , Get All Jobs
09:04
Setting up Search in Mongo Atlas
03:55
Bookmarks
11:20
Hosting Server on Railway
05:25
Creating a Chat Model
03:15
Login post request with NodeJS Backend
10:23
Bookmark from a job id updates
05:24
Storing State in Shared preference and setting up dynamic app entrypoint
05:46
Using providers to setting advanced login page logic
09:52
Http request in providers and logout function in provider
07:04
Logining in and updating logout function
04:32
Update profile with CustomTextField
11:30
Setting up firebase with firebase cli
02:39
Setting up image picker and image cropper for both android and ios
05:24
Picking Images and cropping images using provider
15:20
Uploading the cropped file to firebase storage and retrieving the url
07:21
Update profile http request
06:56
Update user using jwt token
09:00
Update profile http request 2
10:20
Register & Login Update
14:25
Future Builder and getting backend data
13:01
Update profile inside the app
18:22
Future Builder ListView Builder  Models and http request
23:19
Getting a job by id
13:55
Handling list from the backend and display the list in a custom widget
24:10
Search node backend data using flutter
15:25
Bookmarks model & backend update and http request
19:25
Adding Bookmarks and deleting bookmarks
26:19
Getting all book marks backend and ui
14:53
Messaging api
18:08

Messaging and chat

14 lectures
Messaging Chat api and postman test
29:40
Connecting node server to sockets
15:27
Creating Chat and Messaging Models
10:09
Chat and Messaging Services
11:44
Showing chats in ListView builder using Future builder and models
21:59
Custom Chat tile
09:48
Chat Page appbar
13:19
Showing messages
19:45
Chat Text input field
10:38
Connecting to socket client
20:18
Sending messages to backend and to sockets
16:09
Handling paginated list using scroll controller
14:10
Real-time messaging
14:35
Resources of the course
00:02

Installation guide

4 lectures
Installation guide for app and create users
11:38
Upload Jobs
08:51
Chat part
04:28
Chat between users
02:44

Đá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.