Flutter and Nodejs Course | Job App With Chatting

Build an onboarding screen by layering a stack widget with a page view to scroll through three pages, each featuring colored containers, asset images, and centered text.

Learn to build custom reusable outline buttons in Flutter using a reusable text widget and assets, with login, sign-up, and continue as guest options in a page view.

Learn to control the PageView scrolling in Flutter by using a PageController and Provider, making the last onboarding page non-scrollable and notifying widgets via ChangeNotifier.

Onboard with a three-page Flutter screen using smooth page indicator with worm effect; configure pubspec.yaml, a page controller, and a center-wrapped dots indicator.

Explore navigating a page view with custom text buttons and a page controller, including skip/next actions, smooth transitions, routing with the get package, and onboarding state via shared preferences.

Create a reusable Flutter app bar using a preferred size widget, customize icon theme, background color, elevation, and leading actions, and wire navigation back to login with a gesture detector.

Create a login screen in Flutter by replacing the body with a padded ListView, adding a welcome back text, spacers, and reusable custom TextFormField widgets with validation and styling.

Learn to implement and validate custom text form fields and a custom button in Flutter, including email validation, password visibility, and responsive login actions.

Learn to manage password visibility with a login provider in Flutter, using a boolean obscure state and a consumer to toggle obscured text, extending to sign up with validation.

Learn to build a zoom drawer navigation in Flutter using providers, wiring routes to home, chat, bookmarks, device manager, and profile, with a menu, draw items, and a 250-width slide.

Create a Flutter zoom drawer with a stateful drawer screen, using a value setter and provider-based zoom notifier to update active index and close the drawer via a double-tap gesture.

Learn to design a Flutter home page within a SafeArea, using a scrollable body, padding, and reusable widgets for search and headings, including navigation to a search page.

Build a flutter list view item using a listview builder that returns a custom widget with a gesture detector, padding, avatar, company, title, location, salary, and a chevron.

Learn to build a custom reusable vertical tile and a horizontal tile in a Flutter list view, with gesture detectors for on tap, and apply padding and responsive layout.

Update the job app interface by swapping social icons—Facebook and Slack—in the home screen's horizontal and vertical job tiles, including renaming and replacing asset images for accuracy.

Build and navigate a Flutter job page, passing title and id to a scaffold with app bar, displaying avatar, location, salary, description, a list of requirements, and an apply button.

Explore building the name tile and pdf tile on a flutter profile page using a listview, rows, a clipped network image, icons, and an edit action.

Create a Flutter profile page featuring email and phone tiles with icons, padding, and text styling. Render a dynamic skills list via a list view builder from backend data.

Develop a Flutter device management screen using safe area, stack, and padding; include a device info widget with platform, location, date, IP address, and sign-out actions via gesture.

Set up the search page by replacing the container with a scaffold and app bar, and implement a custom text form field with a text editing controller and orange background.

Set up Node.js on a Mac by installing the LTS version from nodejs.org, verify node and npm versions, upgrade npm globally, and prepare for backend work.

Download and unzip the starter code, explore the folder structure in VS Code. Run the express rest API on port 3000 with npm start.

Learn how to load environment variables in nodejs with dotenv by creating a .env file, configuring dotenv, and using process.env to access port, database url, and secret codes with fallbacks.

Learn to set up a MongoDB Atlas account, create a project, configure a database user and network access, create a cluster, and connect a Node.js server with Mongoose using dotenv.

Create the first user in the auth controller by mapping username, email, and password from the request body and saving to the database via register, returning 201.

Debug the node app by starting the server with npm start, fix module path and schema registration errors, correct user and job schemas, then test user creation with Postman.

Learn how to install Postman on Mac and Windows, set up a post request to localhost:5001/register, and configure a new collection named Job Hub with a register endpoint.

Install the MongoDB extension for VS Code, connect using your database URL, and set a Job Hub database instead of test. Verify the users collection directly in VS Code.

Use crypto-js to encrypt passwords and decrypt when needed, storing encrypted values in MongoDB to avoid plain text; set a secret in the env file and verify with Postman.

Create a new user with Postman, observe the password in the response, encrypt it before storing in MongoDB via VS Code, compare documents, and prepare to log in a user.

The login user function validates credentials by finding the user by email and decrypting the password, then returns user data with a spread operator excluding sensitive fields.

Implement JSON web token verification in middleware by extracting the token from authorization header and validating it with secret, enforcing access with verify and authorize based on user ID.

Implement update user in the user controller with ID-based routes, encrypt passwords with crypto-js, and guard updates with verify token middleware for authenticated requests.

Implement get user by id in the user controller, exclude sensitive data, and wire the route; add admin-only get all users and configure a Postman environment.

Set up job routes and a dedicated job controller to post and store new jobs, validate data, handle errors, and test with Postman and admin tokens in MongoDB.

Implement update, get, and get all jobs in the job controller, using find by id, request body updates, admin protected delete, and Postman validation to manage job records.

Set up MongoDB Atlas search for a flutter and Java job search by creating a search index in Atlas, configuring a key-based query, and testing via Postman and code.

Develop and test a bookmarks feature by implementing routes and a bookmark controller for creating, deleting, and fetching a user's bookmarks using a bookmark model, validated with Postman.

Publish your repository to GitHub by initializing git and adding a gitignore for node_modules, then host the server on railway and test Rest API with Postman for your Flutter app.

Export the chat schema, define chat name with trim, a default false group flag, a users array of mongo IDs, plus latest message and group admin references to users.

Learn to implement a login post request in Flutter against a NodeJS backend, retrieving the Railway URL, and store token, user id, and profile in shared preferences.

Install and configure image picker for Flutter, setting iOS permissions in Info.plist and Android manifest, then prepare image handling and uploading to firebase.

Store user state with shared preference and set up a dynamic app entry point to redirect to onboarding or the main screen based on entry point and logged in.

Explore how to use providers to control login page logic in Flutter and Nodejs job app, managing entry point and logged in states with shared preferences and a consumer widget.

Implement a first-time user flow using a boolean to prompt profile updates after signup, manage login and logout via a provider, and clear tokens with shared preferences.

Logout by clearing the login flag with prefs, validate the login form, build a login model with email and password, and navigate to update profile on success.

Update your profile in a Flutter app by building a personal details form with a custom text field, validation, and image upload workflow using provider and Firebase.

Initialize firebase in your flutter app with the firebase cli, connect android and ios, add firebase core, and enable image upload to firebase storage with a url and image picker.

Learn to install and configure image picker and image cropper for iOS and Android, including permissions in Info.plist and AndroidManifest.xml, and integrate the flow from picking to uploading to firebase.

Pick a single image from the gallery, crop it with a provider cropper for Android and iOS, preview the result, and prepare for upload to Firebase Storage.

Develop an image uploader function that uploads an image to Firebase storage, uses UUID to name the file, retrieves the download URL, and returns it for backend use.

Wrap the profile form in a form widget, validate with profile validation, and send an update profile HTTP request using a bearer token and user ID in the URL.

Update user profiles by extracting the user ID from a JWT token and adjusting backend routes and controllers. Align flutter frontend and sign-up flow to use token-based user identification.

Implement an update profile http request in a Flutter app, retrieving the user id, handling the response with a snack bar, and navigating to the main screen after a delay.

Refine the sign-up and login flow in a Flutter and Node.js job app by implementing form validation, signup and login models, GetX transitions, and clear user feedback with snack bars.

Fetch user profile data from a backend using a future builder, handle token-based headers, and display name, location, email, and skills in a Flutter app.

Learn to implement an in-app profile update page in Flutter, replacing the image with backend data, using text controllers and a profile list from constants to edit user details.

Learn flutter and nodejs integration by building a jobs app that fetches data from a backend with http requests, using models and future builder with listview.

Learn to fetch a single job by its id using a jobs helper, update models and UI, and display details with a futurebuilder and notifier integration.

Fetch the jobs list from the backend and display it in a custom flutter widget using a future builder and a list view, wired through a provider jobs notifier.

Build a Flutter search feature that queries the Node backend via a search endpoint, uses a future builder to display a list of jobs, and handles loading and not-found states.

Explore building a bookmarks feature with Flutter and Node.js: model creation, create/get/delete operations, and token-based backend updates for secure retrieval via HTTP requests.

Add and delete bookmarks in a flutter app using a bookmark notifier, shared preferences, and snack bars to update the UI and persist user bookmarks.

Implement a get bookmarks request in the backend, return a list of bookmarks, and render them in the Flutter UI via a bookmark provider and a list view.

Build a messaging api with routes and a message controller, implement get all messages and send message, with token verification, data validation, and populating sender and chat user data.

Learn to implement chat message pagination with a page size of 12, skip calculations, and sorted retrieval, then create and test chat routes with Postman and chart handling.

Connects a node server to sockets with socket.io, sets up a server, joins rooms, broadcasts online status, and handles chat messages and typing indicators.

Create and structure chat and messaging models for a flutter app by defining chart and message schemas, handling initial messages, and organizing code with folders for charts, messaging, and response.

Learn to implement chat and messaging services in a Flutter and Nodejs job app, including posting messages, retrieving conversations, and handling responses with http, json encode/decode, and shared preferences.

Create a chat provider and notifier, wire them into main.dart, then show chats in a ListView.builder using a FutureBuilder and chat models, with loading, error, and empty states.

Create a custom chat tile with list view padding, showing username, last message, and a time label formatted as today or yesterday, with an incoming/outgoing icon.

Build the chat page app bar with a back navigation and a custom bar, wiring the chat list to pass id, title, and profile to the chat page.

Build a chat UI with a message list, offset handling, and sender-based bubble alignment, formatting timestamps via the provider. Include a message input with a text editing controller.

Create a Flutter chat text input field with bottom-centered padded container, a text editing controller, and a styled text field featuring hint text, an outline border, and a suffix icon.

Connect a Flutter app to a Socket.IO client by installing the client, configuring WebSockets, emitting setup with user ID, joining chat rooms, and handling online users and typing indicators.

Send messages to the backend and sockets, emit stop typing events in the chat room, convert received json to a model, and update the messages list with new messages.

Wire a scroll controller to paginate a chat list. Load more messages at the end with a 12-per-page offset and update the list.

Real-time messaging in a flutter and nodejs job app demonstrates sending and receiving messages, online and typing indicators, pagination, and creating a chat from a job posting.

Install and run the flutter and nodejs chat app, install npm modules, set the ip and env, start the server on port 5002, and connect to MongoDB atlas.

Learn how to upload jobs in a Flutter and Node.js job app by creating an agent, using postman to authenticate with a token, and posting jobs via the backend endpoint.

Set up a Node.js socket.io chat server on port 3000 with a valid https ip, restart the server, and verify end-to-end user and agent chatting via the MongoDB chats collection.

Set up the chat server, expose it with ngrok, and connect two simulators to enable real-time chat with typing indicators. Be aware the ngrok free version can be unstable.