
Create a new Expo React Native app for the job portal, named expo-jobs-dev-environment, and run it on Android with expo start, then remove boilerplate and configure the status bar.
Install and configure the React Native Paper UI library in an Expo app, set up a Paper provider and a custom theme, and integrate UI components for buttons and inputs.
Implement authentication UI and routes, with public pages (welcome, login, register) and private pages (recruiter and job seeker home), plus a session check at launch to redirect users.
Build the React Native Expo app welcome screen by implementing a safe area view, a loading session check, and navigation to login and register screens.
Build a register screen in React Native with Expo, using a two-panel layout, React Hook Form validation, name, email, role dropdown, password, and a login link with keyboard-aware scrolling.
Replicate the register form UI and validations for login screen, remove the name field, make errors dynamic, update titles and footer links, and prepare to integrate super base with expo.
Set up a supabase authentication backend for a React Native Expo app by creating a supabase account and project, obtaining API keys, and configuring env file and supabase config.
Implement user registration by wiring the register form to Supabase authentication and a user profiles table, storing name, email, and role with proper error handling.
Learn to implement login in a React Native app using Supabase auth, validate user role against database records, handle errors, and navigate to job seeker or recruiter home screens.
Display the logged-in user and implement logout by building a reusable ProfileCard, managing state with Zustand, and fetching user data from superbase for recruiter and job seeker home screens.
Fix back navigation in the authentication flow by intercepting the hardware back button on welcome and home screens, prompting an exit confirmation alert instead of returning to login.
Design recruiter and job seeker home screens with a bottom navigation bar featuring four tabs: jobs, applications, reports, and profile, and build route-specific components for each tab in React Native.
Builds the backend for the jobs module by creating a jobs table in Supabase with twelve to fifteen columns, a jobs interface, and services for handling job cards.
Build jobs services with Supabase for a React Native app, including add new job, get all jobs of recruiter, get job by id, update by id, and delete by id.
Build the jobs front-end by creating add job and edit job pages, setting up folder structure and routes, and wiring navigation from the jobs list to a plus button.
Describes building a reusable job form for add and edit flows in a React Native app, with title, location, descriptions, salary, experience, skills, last date to apply, and status validations.
Describe adding a job: parse salaries as float, format fields and date with djs yyymmdd, convert skills to an array, manage loading, show toasts, and navigate to recruiter home successfully.
Learn to build a recruiter-focused job portal with React Native, Expo and Supabase, implementing display, edit, and delete for jobs using a reusable job card and a flat list.
Master edit and delete operations for jobs in a React Native app with Expo and Supabase, including reveal actions on a job card and navigate to edit form.
Build the job seeker profile tab UI with bottom navigation and an edit profile flow to update name and resume, including showing user initials, role, email, and account created date.
Create the job seeker profile tab UI and an edit profile screen to update the user name and resume, with bottom navigation and updates saved to the user profiles record.
Display active jobs on the job seeker home screen, fetch open jobs, and navigate to the job details screen in a React Native, Expo and Supabase app.
Build the job details screen user interface in React Native with Expo, including loading, a header with back navigation, and layout showing title, company, location, salary, deadline, overview, and description.
Build the applications table and services to support applying for jobs, manage statuses (applied, under review, shortlisted, rejected, accepted), and link job seekers, recruiters, and resumes with rls policy.
Demonstrates how to apply for a job from the job details page, save the application with job, seeker, and recruiter IDs, and display applications in the job seeker's applications tab.
Build the recruiter reports UI and logic for the job portal app, showing jobs data (posted, open, closed) and applications data (received, shortlisted, rejected, pending) with icon updates.
Build the recruiter reports tab in a React Native app, implementing UI and logic to display jobs data (posted, open, closed) and applications data (received, shortlisted, pending, rejected).
Develops the job seeker reports feature by building UI and logic to show total applied, shortlisted, rejected, and pending applications for the logged-in user, using applications.ts and reports.tsx.
In this course, you will learn how to build a real-world Job Portal mobile application using React Native, Expo, and Supabase from scratch. This course is designed for beginners and aspiring mobile app developers who want practical experience building a production-ready application using modern tools.
You will start with the fundamentals and gradually move toward advanced features such as multi-role authentication, job management, real-time updates, and analytics. By the end of the course, you will have a fully functional Job Portal app that you can customize and deploy .
Tech Stack Used
React Native – Core framework for building cross-platform mobile applications
Expo – Tools and services that simplify development, testing, and deployment
Supabase – Open-source backend-as-a-service with authentication, database, and real-time features
Zustand – Lightweight and scalable state management solution
React Native Paper – Production-ready UI components following Material Design guidelines
Features You Will Build
Multi-Role Authentication
Recruiter and Job Seeker authentication using Supabase Auth
Recruiter Dashboard
Post job listings, manage applications, and view applicant profiles
Job Seeker Experience
Browse job listings, apply for jobs, and manage personal profiles
Profile and Resume Management
Job seekers can update their profile and resume at any time
Real-Time Notifications
Email notifications for recruiters and job seekers when applications are submitted or updated
Reports and Analytics
Recruiters can track job applications and performance insights
Responsive User Interface
Seamless experience across different screen sizes and devices
Form Validation and Error Handling
Ensures data integrity and smooth user experience
Supabase Integration
Real-time updates for job listings and applications
Complete Source Code
Full source code and learning materials included
Deployment Guidance
Step-by-step instructions to deploy the app using Expo
What You Will Achieve
By the end of this course, you will:
Build a complete Job Portal mobile application
Understand how to use React Native, Expo, and Supabase together
Gain real-world experience with authentication, databases, and state management
Be confident in customizing and deploying mobile applications
This course is ideal for developers who want to strengthen their React Native skills by building a scalable, real-world application.