Frontend

This directory contains the client-side code for the Job Board with Chat application.

Structure

  • index.html - Main HTML file containing the entire frontend application

Features

  • Job listing display
  • Job posting form
  • Real-time chat interface
  • Responsive design with Tailwind CSS

Implementation Details

The frontend is built as a single HTML file with inline JavaScript for simplicity. It uses:

  • Tailwind CSS for styling
  • Fetch API for communication with the backend
  • Polling for real-time chat updates (every 5 seconds)

User Interface

The UI is divided into three main sections:

  1. Job Listings - Displays all posted jobs
  2. Post a Job Form - Allows users to create new job listings
  3. Chat Room - Enables real-time discussion about opportunities