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.

Browse Jobs Get Started Free

User Journey|Documentation

User Journey Steps

10+

Feature Categories

40+

Individual Features

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.

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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

Try It Now

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!

Start Your Journey Browse Jobs First

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

Job Discovery & Search Personalization Engine AI Chatbot Assistant Skill Gap Analysis Learning Hub Notifications & Alerts Authentication & User Management Content Management (Contentstack)Automation & Webhooks Edge Functions & Hosting

Job Discovery & Search

Find your perfect job with intelligent search capabilities powered by Algolia

Full-Text Search

Search jobs by title, skills, or description with instant results powered by Algolia's lightning-fast search engine

How to use: Use the search bar on the Jobs page to find relevant positions instantly

Fuzzy Matching & Typo Tolerance

Handles typos and misspellings automatically - search for 'Javscript' and still find JavaScript jobs

How to use: Just type naturally - we'll understand what you mean even with typos

Advanced Filters

Filter by location, job type (full-time, contract, remote), experience level, salary range, and category

How to use: Click 'Filters' on the Jobs page to narrow down results to exactly what you want

Location-Based Results

Uses Launch's geolocation headers to automatically detect your country/region/city and prioritize local jobs

How to use: Jobs near you are automatically boosted to the top - no configuration needed

Skill-Based Recommendations

Get personalized job recommendations based on skills in your profile using Algolia's powerful matching

How to use: Add skills to your profile and click 'Find Matching Jobs' to see personalized results

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

Product Requirements Document

Product vision, business goals, user journeys, core features, and success metrics for the platform.

View PRD

Technical Requirements Document

System architecture, technology stack, database schema, API specifications, and deployment details.

View TRD

📄 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.

Create Free Account Browse Jobs

Jobs Companies Blogs Learning Hub Overview Profile Sign In

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