AI-Powered Job Discovery Platform

Complete Platform Documentation

JobPortal combines intelligent search, AI personalization, skill gap analysis, and automated workflows to revolutionize job discovery. Built on Contentstack's composable architecture.

14
User Journey Steps
10+
Feature Categories
40+
Individual Features
9
Contentstack Products
PRD
Product Requirements
TRD
Technical Requirements
Complete User Guide

Your Journey to Dream Job

Follow this step-by-step guide to unlock every feature and maximize your job search success. Each step builds on the previous one for the best experience.

1

Create Your Account

Start your job search journey by creating a free account. Choose between email/password or quick Google sign-in.

Step-by-Step Actions

Click 'Sign Up' or 'Get Started Free' button
Enter your name, email, and password OR click 'Sign up with Google'
Verify your email if using email/password signup
You'll be automatically logged in after registration

Pro Tips

  • 💡Use Google sign-in for the fastest setup
  • 💡Your password must be at least 6 characters
Email/Password AuthGoogle OAuthSecure password hashing
2

Set Up Your Profile & Skills

Add your skills to get personalized job recommendations and see your skill gap analysis.

Step-by-Step Actions

Navigate to 'Profile' from the navigation menu
Click 'Add Skills' to open the skill selector
Search or browse available skills (React, Python, AWS, etc.)
Click skills to add them to your profile
Skills are auto-saved to your account

Pro Tips

  • 💡Add at least 5 skills for better recommendations
  • 💡Include both technical and soft skills
  • 💡Skills sync across all your devices
Skill ManagementAuto-saveCross-device sync
3

Browse & Search Jobs

Explore all available jobs with powerful search and filtering powered by Algolia.

Step-by-Step Actions

Go to the 'Jobs' page from the navigation
Use the search bar to find jobs by title, skill, or keyword
Notice: typos are automatically corrected (try 'Javscript')
Browse through job cards showing title, company, location, and salary

Pro Tips

  • 💡Search is instant - results update as you type
  • 💡Local jobs are automatically prioritized based on your location
  • 💡Click any job card to see full details
Full-text searchTypo toleranceLocation-based ranking
4

Use Advanced Filters

Narrow down your job search with powerful filters to find exactly what you're looking for.

Step-by-Step Actions

Click the 'Filters' button on the Jobs page
Filter by Location (city, state, country, or 'Remote')
Filter by Job Type (Full-time, Part-time, Contract, Freelance)
Filter by Experience Level (Entry, Mid, Senior, Lead)
Filter by Salary Range using the slider
Filter by Category (Engineering, Design, Marketing, etc.)
Click 'Apply Filters' to see filtered results

Pro Tips

  • 💡Combine multiple filters for precise results
  • 💡Click 'Clear All' to reset filters
  • 💡Filters work with search simultaneously
Multi-filter supportSalary range sliderCategory selection
5

Get Personalized Recommendations

Let AI find the best jobs for you based on your skills and browsing behavior.

Step-by-Step Actions

Make sure you've added skills to your profile
Click 'Find Matching Jobs' on your Profile page
Browse the 'Recommended For You' section on the Homepage
View personalized banners that change based on your behavior
The more you browse, the better recommendations become

Pro Tips

  • 💡Recommendations improve as you view more jobs
  • 💡Your browsing behavior is tracked to personalize content
  • 💡Look for the 'Recommended' badge on job cards
Skill-based matchingBehavior trackingPersonalized banners
6

Analyze Your Skill Gaps

Discover which skills you're missing that are in high demand in the job market.

Step-by-Step Actions

Visit your Profile page while logged in
View your 'Market Match' percentage score
Check 'Your Skills' section to see which skills you have
Review 'Skills to Learn' to see high-demand skills you're missing
Each skill gap shows how many more jobs you'd qualify for
Click a skill gap to see related learning resources

Pro Tips

  • 💡Focus on skills that unlock the most job opportunities
  • 💡The skill gap analysis updates in real-time
  • 💡Look for the site-wide skill gap banner for quick insights
Market analysisGap identificationJob impact calculation
7

Learn New Skills

Bridge your skill gaps with curated video tutorials from the Learning Hub.

Step-by-Step Actions

Navigate to 'Learning Hub' from the navigation menu
Browse tutorials by technology (React, Node.js, Python, etc.)
Filter by difficulty level (Beginner, Intermediate, Advanced)
Click any tutorial card to view details and watch the video
Check 'Skills Covered' tags to see what you'll learn
Explore 'Related Resources' for more tutorials on the same topic

Pro Tips

  • 💡Start with beginner tutorials if you're new to a technology
  • 💡Learning resources are linked from your skill gap analysis
  • 💡Bookmark tutorials to watch later
YouTube integrationDifficulty filteringSkills tagging
8

View Job Details

Get comprehensive information about a job before applying.

Step-by-Step Actions

Click any job card on the Jobs page
Read the full job description and requirements
View company information (click company name for full profile)
Check salary range, location, and job type
See required skills and experience level
View 'Similar Jobs' at the bottom for more options

Pro Tips

  • 💡Compare your skills with job requirements
  • 💡Research the company before applying
  • 💡Save jobs you're interested in for later
Full descriptionsCompany profilesSimilar jobs
9

Apply for a Job

Submit your application with cover letter and additional details.

Step-by-Step Actions

Click 'Apply Now' on any job detail page
If not logged in, you'll be prompted to sign in first
Fill out the application form:
• Write a compelling cover letter
• Add your portfolio link (optional)
• Enter expected salary (optional)
• Specify your availability
• Add any additional information
Click 'Submit Application'
You'll receive an email confirmation immediately

Pro Tips

  • 💡Personalize your cover letter for each job
  • 💡Include relevant portfolio projects
  • 💡Be realistic about salary expectations
Application formEmail confirmationDuplicate prevention
10

Track Your Applications

Monitor the status of all your job applications in one place.

Step-by-Step Actions

Go to 'My Applications' from the navigation or profile
View all your submitted applications
Filter by status (Submitted, Reviewed, Shortlisted, Interview, etc.)
Click any application to see full details
Withdraw applications you no longer want (while status is 'Submitted')
Click 'View Job' to revisit the original job posting

Pro Tips

  • 💡Check regularly for status updates
  • 💡You can withdraw applications before they're reviewed
  • 💡Click the bell icon to see application notifications
Status trackingFilter by statusWithdraw option
11

Stay Updated with Notifications

Never miss important updates with real-time notifications and email alerts.

Step-by-Step Actions

Click the bell icon (🔔) in the navigation bar
View your in-app notifications
Click any notification to see details
Application notifications have a 'View Application' button
Mark notifications as read or delete them
Check your email for new job alerts automatically

Pro Tips

  • 💡Enable browser notifications for real-time alerts
  • 💡Check your spam folder if you don't see email notifications
  • 💡Notifications show relative time (e.g., '2 hours ago')
In-app notificationsEmail alertsReal-time updates
12

Chat with AI Assistant

Get instant help from our AI chatbot for job search and platform questions.

Step-by-Step Actions

Click the chat icon in the bottom-right corner
Ask questions about jobs, companies, or the platform
Try: 'Find me React jobs in San Francisco'
Try: 'What companies are hiring for Python developers?'
Try: 'How do I update my skills?'
The chatbot has context about all jobs and companies

Pro Tips

  • 💡Be specific in your questions for better answers
  • 💡The chatbot is updated when new jobs are posted
  • 💡Ask for help navigating the platform features
Context-aware responsesJob search assistanceReal-time content
13

Explore Companies

Research companies before applying to make informed decisions.

Step-by-Step Actions

Navigate to 'Companies' from the menu
Browse all companies with job listings
Click any company card for full profile
View company description, logo, and website
See all open positions at that company
Research company culture and values

Pro Tips

  • 💡Research companies before interviews
  • 💡Company links open their official website
  • 💡Check multiple open positions at companies you like
Company profilesOpen positionsWebsite links
14

Read Industry Blogs

Stay informed with career tips, industry news, and professional insights.

Step-by-Step Actions

Go to 'Blogs' from the navigation menu
Browse blog posts about careers, tech, and job search tips
Use the language switcher for English or Hindi content
Click any blog post to read the full article
Share interesting articles with your network
Check back regularly for new content

Pro Tips

  • 💡Reading blogs improves your personalization profile
  • 💡Content is available in multiple languages
  • 💡Blog posts can help with interview preparation
Multi-language supportCareer insightsRich content

You're All Set!

You now know how to use every feature of JobPortal. Start your journey today and find your dream job with AI-powered recommendations!

Powered by Contentstack

This platform leverages 10 Contentstack products for a complete composable experience

Headless CMS

Content storage & delivery

Delivery SDK

Fast content fetching

Management API

CRUD operations

Personalize

User segmentation

Data & Insights

Lytics analytics

Automate

Workflow automation

Webhooks

Event triggers

Launch

Edge hosting

Marketplace

Algolia, AI Chatbot

Personalization Engine

AI-powered personalization using Contentstack Personalize and Lytics behavior tracking

Behavior Tracking (Lytics)

Tracks job views, blog reads, searches, and applications to build your interest profile in real-time

How to use: Browse jobs and blogs naturally - the system learns your preferences automatically

User Segmentation

Automatically segments users into audiences: first-time visitors, returning users, tech job seekers, ready-to-apply users

How to use: Your segment is determined automatically based on your behavior patterns

Personalized Banners

Dynamic banners powered by Contentstack Personalize Edge SDK that change based on your user segment

How to use: Look for contextual banners on the homepage that match your interests and behavior

Recommended For You Section

Homepage section showing jobs tailored to your browsing history, viewed categories, and skill interests

How to use: Check the 'Recommended For You' section after viewing a few jobs

Experience Variants

5+ personalization experiences: Welcome banners, Tech Job Seekers, Nudge to Apply, Welcome Back, and more

How to use: Different experiences trigger based on session count, job views, and application status

AI Chatbot Assistant

Intelligent chatbot powered by Contentstack Marketplace integration

Context-Aware Responses

AI chatbot fed with job listings, company info, and platform content via Contentstack Automate webhooks

How to use: Click the chat icon to ask questions about jobs, companies, or how to use the platform

Job Search Assistance

Ask the bot to help find jobs matching specific skills, locations, or requirements

How to use: Try asking 'Find me React jobs in San Francisco' or 'What companies are hiring for Python?'

Platform Guidance

Get help navigating the platform, understanding features, or troubleshooting issues

How to use: Ask 'How do I apply for a job?' or 'How do I update my skills?'

Real-Time Content Sync

Chatbot context is automatically updated when new jobs or content is published via Automate webhooks

How to use: The bot always has the latest information about jobs and companies

Skill Gap Analysis

AI-powered analysis comparing your skills against job market demand

Job Market Analysis

Analyzes all job listings via Algolia to identify the most in-demand skills across the market

How to use: Visit your Profile page to see comprehensive skill demand analysis

Match Percentage Calculator

Calculates how well your skills match current job market demand with a percentage score

How to use: Your match percentage is prominently displayed on your profile page

Gap Identification

Identifies skills you're missing that are high in demand - prioritized by job count impact

How to use: Check 'Skills to Learn' section to see which skills would open the most opportunities

Learning Recommendations

Automatically suggests relevant learning resources from the Learning Hub for each skill gap

How to use: Click on any skill gap to see curated tutorials and courses to learn that skill

Skill Gap Banner

Site-wide awareness banner showing your current skill gap status and recommended next steps

How to use: Look for the skill gap banner when logged in for quick insights

Learning Hub

Curated video tutorials integrated with YouTube and managed via Contentstack

Video Tutorials

Curated YouTube tutorials for in-demand technologies like React, Node.js, Python, TypeScript, and more

How to use: Navigate to the Learning Hub (/learnings) to browse all available tutorials

Technology Filtering

Filter tutorials by technology stack - React, Node.js, Python, Java, AWS, and more

How to use: Use the technology filter dropdown to find tutorials for specific technologies

Difficulty Levels

Tutorials categorized as Beginner, Intermediate, or Advanced to match your current skill level

How to use: Filter by difficulty level to find content appropriate for your experience

Skills Covered Tags

Each tutorial shows which specific skills it teaches so you know what you'll learn

How to use: Check the skill tags on each tutorial card before starting

Related Resources

Smart recommendations showing related tutorials based on the same technology or skill set

How to use: Scroll down on any tutorial detail page to see related learning resources

Notifications & Alerts

Real-time notifications powered by Contentstack Automate and Webhooks

New Job Email Alerts

Automatic email notifications when new jobs are published, triggered by Contentstack webhooks

How to use: Create an account to automatically receive email alerts when new jobs are posted

In-App Notification Bell

Real-time notification dropdown in the navigation bar powered by Contentstack Management API

How to use: Click the bell icon in the navbar to see your notifications

Application Confirmation

Instant email confirmation when you submit a job application via Contentstack Automate

How to use: Apply to any job and you'll receive a confirmation email immediately

Application Status Updates

Email notifications when your application status changes (reviewed, shortlisted, interview, etc.)

How to use: Keep an eye on your inbox after applying - status updates come via email

Authentication & User Management

Secure authentication with NextAuth.js and user data stored in NeonDB

Email/Password Authentication

Traditional registration with secure password hashing using bcrypt and session management

How to use: Click 'Sign Up' and enter your email and a strong password to create an account

Google OAuth

One-click sign in with your Google account - no password required

How to use: Click 'Sign in with Google' for instant authentication

Profile Management

Update your skills, experience level, and preferences - all stored securely in NeonDB

How to use: Visit your Profile page to update your information anytime

Skill Persistence

Skills you add are saved to your account and loaded automatically on every login

How to use: Add skills once - they're saved forever and sync across devices

Application Tracking

Track all your job applications, their status, and interview schedules in one place

How to use: Go to 'My Applications' to see the status of all your applications

Content Management (Contentstack)

Headless CMS powering all content with multi-locale support

Headless CMS Architecture

All content (jobs, companies, blogs, homepage) managed in Contentstack with full API access

How to use: Content editors can update any content in Contentstack dashboard without code changes

Multi-Locale Support

Content available in multiple languages - English (en-us) and Hindi (hi-in) supported

How to use: Use the language switcher on the Blogs page to switch between English and Hindi

Reference Resolution

Jobs automatically link to Company entries with full data resolution on fetch

How to use: Click any company name on a job listing to see the full company profile

7 Content Types

Job, Company, Blog Post, Homepage, Navigation, Notification, Personalized Banner, Learning Resource

How to use: Each content type has its own schema and can be managed independently

Automation & Webhooks

Automated workflows powered by Contentstack Automate and Webhooks

New Job Webhook

When a job is published in Contentstack, a webhook triggers email notifications to all registered users

How to use: Automatic - emails are sent to all users when content editors publish new jobs

Application Email Automation

Contentstack Automate sends beautifully formatted confirmation emails when users apply for jobs

How to use: Apply to any job and the automation handles the rest

Algolia Index Sync

Jobs are automatically synced to Algolia search index when published or updated in Contentstack

How to use: Search results are always up-to-date with the latest job listings

Chatbot Context Feed

Automate webhook feeds new content to the AI chatbot so it always has current information

How to use: The chatbot automatically knows about new jobs and content

Edge Functions & Hosting

Edge-first architecture with Contentstack Launch for fast, global delivery

Contentstack Launch Hosting

Production hosting with automatic builds on git push, global CDN, and SSL certificates

How to use: The site is automatically deployed when code is pushed to the repository

Geolocation Headers

Launch injects visitor-ip-country, visitor-ip-region, visitor-ip-city headers for location-aware features

How to use: Your location is automatically detected for personalized job recommendations

Edge Function: /edge

Returns top paths from Google Analytics for intelligent prefetching and performance optimization

How to use: Pages you're likely to visit are prefetched for instant loading

Edge Function: /edge/geo

API endpoint returning visitor's geolocation data (country, region, city) for client-side use

How to use: Developers can call /edge/geo to get visitor location data

Admin Panel Protection

Edge middleware protects /admin route with HTTP Basic Authentication at the edge

How to use: Admin access requires username/password authentication before the page loads

Tech Stack

Modern, scalable technologies for the best developer and user experience

Next.js 15

React framework with App Router

Server components, streaming, caching

TypeScript

Type-safe development

Full type coverage across codebase

Tailwind CSS 4

Utility-first styling

Responsive, modern UI components

Contentstack

Headless CMS

10+ products integrated

Algolia

Search engine

Fuzzy matching, typo tolerance

NeonDB

Serverless PostgreSQL

User data, skills, applications

NextAuth.js

Authentication

Email/password + Google OAuth

Launch

Edge hosting

Geolocation, edge functions

Complete Documentation

Product & Technical Documentation

Comprehensive product requirements and technical specifications for the JobDekho platform

📄 Password-protected documentation • Contact administrator for access

Ready to Find Your Dream Job?

Experience the power of AI-driven job discovery with personalized recommendations, skill gap analysis, and intelligent search.

Built with Contentstack • Next.js 15 • Algolia • NeonDB