Skip to content

Latest commit

 

History

History
111 lines (82 loc) · 3.22 KB

README.md

File metadata and controls

111 lines (82 loc) · 3.22 KB

RemhoteHQ tailwind based static theme. link: https://vardarasoftware.github.io/themes/talent.html

Project Overview

RemoteHQ is a modern, responsive web application built with Tailwind CSS, designed to provide a seamless job searching and talent hiring experience. The application features a clean, minimalist interface with responsive design across desktop and mobile devices.

Disclaimer

🤖 AI-Generated Project: This project was entirely coded by AI (specifically, Claude AI by Anthropic) as a demonstration of AI-powered web development capabilities.

Key Features

  • Responsive Design: Fully responsive layout using Tailwind CSS
  • Dynamic Navigation: Mobile and desktop navigation menus
  • Interactive Components:
    • Job listings
    • Popup notifications
    • Account management
  • Multiple Pages:
    • Home page
    • Jobs listing
    • Talent search
    • My Jobs section

Technologies Used

  • HTML5
  • Tailwind CSS
  • Vanilla JavaScript
  • Responsive Design Principles

Pages

  1. Index (Home Page): Landing page with job search functionality
  2. Jobs Page: Comprehensive job listings
  3. Talent Page: Search and browse talent profiles
  4. My Jobs Page: User-specific job management

Setup and Installation

  1. Clone the repository
  2. Open any HTML file directly in a web browser
  3. No additional dependencies required

Customization

The project uses Tailwind CSS via CDN. For custom configurations, replace the Tailwind script with a local configuration.

Screenshots

image image image
Access Your Project
  • Open your web browser
  • Go to http://localhost:8000

Method 2: Live Server (VS Code Extension)

  1. Install "Live Server" extension in VS Code
  2. Right-click on index.html
  3. Select "Open with Live Server"

Troubleshooting CORS Issues

Common CORS Problems

  • Loading modules directly from file system
  • Restricted access to local resources
  • Browser security restrictions

Solutions

  1. Always use a local server
  2. Ensure all file paths are relative
  3. Use .js extension in import statements
  4. Check browser console for specific error messages

Development Best Practices

  • Use type="module" for ES6 modules
  • Explicit .js extensions in import statements
  • Consistent file naming
  • Relative path references

Recommended Browser Extensions

  • Allow CORS: Temporary solution for development
  • Web Developer Tools
  • JavaScript Debugger

Supported Browsers

  • Chrome 61+
  • Firefox 60+
  • Safari 10.1+
  • Edge 16+

Project Structure

  • index.html: Main landing page
  • jobs.html: Job listings
  • talent.html: Talent search
  • contract.html: Active contracts
  • filterDrawer.js: Reusable filter drawer module
  • theme.js: Global theme and interaction scripts

Troubleshooting

If you encounter issues:

  1. Ensure Python 3.x is installed
  2. Check your browser version
  3. Verify module import paths
  4. Use browser developer tools