logo
WorkProjects
CompletedNextJSTypeScriptDocker+3 more

BattleWorld

Modern interview platform combining real-time video conferencing, comprehensive candidate management, and seamless hiring experiences. Built with Next.js, Convex, Stream, Jenkins CI/CD, Docker, Redis caching, and Nginx reverse proxy.

Timeline

Role

Status
Completed
Source Code

Technology Stack

NextJS
TypeScript
Docker
Jenkins
Redis
Nginx

🚀 BattleWorld - Modern Interview Platform

A cutting-edge interview platform that combines real-time video conferencing, comprehensive candidate management, and seamless hiring experiences. Built with Next.js, Convex, and Stream for modern recruitment workflows.

🌟 Features

🎯 Core Functionality

  • Video Conferencing: High-quality video calls powered by Stream
  • Real-time Chat: Instant messaging between candidates and interviewers
  • Job Management: Post, manage, and track job applications
  • Candidate Dashboard: Comprehensive candidate profiles and tracking
  • Interview Scheduling: Automated scheduling with email notifications
  • Resume Management: Upload and review candidate resumes
  • Code Editor: Built-in code editor for technical assessments

🚀 DevOps & Infrastructure

  • Jenkins CI/CD Pipeline: Automated build, test, and deployment
  • Docker Containerization: Consistent deployment across environments
  • Redis Caching: High-performance caching with Upstash Redis
  • Nginx Reverse Proxy: Load balancing and SSL termination
  • Environment Management: Secure credential management in Jenkins

👥 User Roles

  • Candidates: Apply for jobs, participate in interviews, manage profiles
  • Interviewers: Post jobs, conduct interviews, review candidates
  • Admin: Oversee all platform activities and manage users

🎨 UI/UX Features

  • Dark Theme: Modern dark interface with green accent colors
  • Responsive Design: Works seamlessly on desktop and mobile
  • Smooth Animations: Framer Motion powered interactions
  • Real-time Updates: Live data synchronization across all components

🛠 Tech Stack

Frontend

  • Next.js 15.4.1 - React framework with App Router
  • React 19.1.0 - UI library
  • TypeScript - Type safety
  • Tailwind CSS - Styling
  • Framer Motion - Animations
  • Radix UI - Accessible components

Backend & Database

  • Convex - Backend-as-a-Service with real-time database
  • Clerk - Authentication and user management
  • Stream - Video calling and chat functionality
  • Redis (Upstash) - High-performance caching layer

DevOps & Infrastructure

  • Jenkins - CI/CD pipeline automation
  • Docker - Containerization and deployment
  • Nginx - Reverse proxy and load balancing
  • Docker Hub - Container registry

📁 Project Structure

Battleworld/
├── convex/                 # Backend functions and database schema
│   ├── applications.ts    # Application management
│   ├── auth.config.ts     # Authentication configuration
│   ├── interviews.ts      # Interview management
│   ├── jobs.ts            # Job posting and management
│   ├── resume.ts          # Resume handling
│   └── schema.ts          # Database schema
├── docker/                # Docker configuration
│   └── nginx.conf        # Nginx configuration
├── Jenkins/              # CI/CD pipeline
│   └── JenkinsFile       # Jenkins pipeline definition
├── src/
│   ├── app/              # Next.js App Router pages
│   ├── components/       # Reusable React components
│   ├── hooks/            # Custom React hooks
│   ├── lib/              # Utility functions
│   └── providers/        # Context providers
├── docker-compose.yml    # Multi-container deployment
├── Dockerfile           # Application containerization
└── public/              # Static assets

🚀 Getting Started

Prerequisites

  • Node.js 18+
  • Docker and Docker Compose
  • Convex account
  • Clerk account
  • Stream account
  • Upstash Redis account

Installation

  1. Clone the repository
git clone <repository-url>
cd Battleworld
  1. Install dependencies
npm install
  1. Environment Setup

Create a .env.local file:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_key
CLERK_SECRET_KEY=your_clerk_secret
NEXT_PUBLIC_CONVEX_URL=your_convex_url
NEXT_PUBLIC_STREAM_API_KEY=your_stream_key
STREAM_SECRET_KEY=your_stream_secret
UPSTASH_REDIS_REST_URL=your_redis_url
UPSTASH_REDIS_REST_TOKEN=your_redis_token
  1. Setup Convex
npx convex dev
  1. Run development server
npm run dev
  1. Open browser Navigate to http://localhost:3000

🚀 CI/CD Pipeline

Jenkins Setup

The project includes a comprehensive Jenkins CI/CD pipeline:

Pipeline Stages:

  1. Code Cloning - Pulls latest code from GitHub
  2. Environment Setup - Configures secure environment variables
  3. Build - Creates Docker image with build arguments
  4. Push to Docker Hub - Publishes image to container registry
  5. Deploy - Deploys application using Docker Compose

Running the Pipeline:

  1. Configure Jenkins with required credentials
  2. Set up Jenkins agent with label 'agentdoom'
  3. Create pipeline job pointing to JenkinsFile
  4. Trigger pipeline manually or via webhook

🐳 Docker Deployment

Local Development

# Build and run
docker-compose up --build

# Run in background
docker-compose up -d

# Stop services
docker-compose down

Production Deployment

Docker Compose (Single-server)

docker-compose -f docker-compose.yml up -d

Docker Swarm (Multi-server)

docker stack deploy -c docker-compose.yml battleworld

Container Architecture

  • App Container: Next.js application (Port 3000)
  • Nginx Container: Reverse proxy and load balancer (Port 80)
  • Redis Container: Caching layer

📱 Usage

For Candidates

  1. Sign up/Login - Create account or sign in
  2. Complete Profile - Fill in skills and experience
  3. Browse Jobs - View available positions and apply
  4. Participate in Interviews - Join scheduled video interviews
  5. Chat with Interviewers - Built-in messaging system

For Interviewers

  1. Access Dashboard - View command interface
  2. Post Jobs - Create new job listings
  3. Review Applications - Manage incoming applications
  4. Schedule Interviews - Set up interview sessions
  5. Conduct Interviews - Video meeting with code editor
  6. Provide Feedback - Leave comments and ratings

For Admins

  1. Monitor Activity - Track platform usage
  2. Manage Users - Oversee accounts and permissions
  3. System Analytics - View statistics and performance

🎯 Key Features

Video Interviews

  • Real-time video conferencing with screen sharing
  • Code editor integration for technical evaluations
  • Manual assessment and feedback system

Real-time Collaboration

  • Live video with screen sharing
  • Instant messaging
  • Collaborative code editing

Smart Job Management

  • Automated application tracking
  • Shortlisting and rejection workflows
  • Email notifications

Redis Caching

  • High-performance caching for frequently accessed data
  • Session management and user state
  • Real-time data synchronization

✅ Features Summary

  • User authentication (Clerk, JWT)
  • Video conferencing (Stream)
  • Real-time chat
  • Job posting and application tracking
  • Interview scheduling with email notifications
  • Resume upload and management
  • Built-in code editor for assessments
  • Jenkins CI/CD automation
  • Docker containerization
  • Redis caching
  • Nginx reverse proxy
  • Responsive dark theme UI

🤝 Contributing

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/amazing-feature)
  3. Commit changes (git commit -m 'Add amazing feature')
  4. Push to branch (git push origin feature/amazing-feature)
  5. Open Pull Request

📄 License

This project is licensed under the MIT License.

Built with ❤️ for the future of hiring

View All Projects

Developed by Varun Hotani
© 2025. All rights reserved.