2025-03-30 11:55:35 +00:00
|
|
|
# Job Board Application
|
2025-03-30 11:52:59 +00:00
|
|
|
|
2025-03-30 11:55:35 +00:00
|
|
|
A modern job board application built with Vue 3 and Vite, featuring a clean and responsive design with dark mode support.
|
2025-03-30 11:52:59 +00:00
|
|
|
|
2025-03-30 11:55:35 +00:00
|
|
|
## Features
|
|
|
|
|
|
|
|
|
|
- **Job Listings**: Browse through a curated list of job opportunities
|
|
|
|
|
- **Job Details**: View comprehensive information about each job posting
|
|
|
|
|
- **Job Tags**: Filter and categorize jobs by tags
|
|
|
|
|
- **Dark Mode Support**: Toggle between light and dark themes
|
|
|
|
|
- **Responsive Design**: Optimized for both desktop and mobile devices
|
|
|
|
|
- **Similar Jobs**: Discover related job opportunities
|
|
|
|
|
- **Interactive UI**: Modern user interface with hover effects and smooth transitions
|
|
|
|
|
|
|
|
|
|
## Tech Stack
|
|
|
|
|
|
|
|
|
|
- **Vue 3**: Using the Composition API with `<script setup>` syntax
|
|
|
|
|
- **Vite**: For fast development and optimized builds
|
|
|
|
|
- **SCSS**: For advanced styling capabilities
|
|
|
|
|
- **CSS Variables**: For theme support (light/dark mode)
|
|
|
|
|
|
|
|
|
|
## Components
|
|
|
|
|
|
|
|
|
|
- **App.vue**: Main application component with job listings
|
|
|
|
|
- **JobCard.vue**: Component for displaying individual job postings
|
|
|
|
|
- **JobDetail.vue**: Component for displaying detailed job information
|
|
|
|
|
- **JobFilters.vue**: Component for filtering job listings
|
|
|
|
|
- **SideNav.vue**: Navigation sidebar component
|
|
|
|
|
- **Dashboard.vue**: Dashboard view component
|
|
|
|
|
- **Applications.vue**: Job applications management component
|
|
|
|
|
- **SavedJobs.vue**: Saved jobs management component
|
|
|
|
|
|
|
|
|
|
## Getting Started
|
|
|
|
|
|
|
|
|
|
### Prerequisites
|
|
|
|
|
|
|
|
|
|
- Node.js (v14 or later)
|
|
|
|
|
- Yarn package manager
|
|
|
|
|
|
|
|
|
|
### Installation
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
# Clone the repository
|
|
|
|
|
git clone https://repo.loxx.one/pankan/jobs.git
|
|
|
|
|
cd jobs
|
|
|
|
|
|
|
|
|
|
# Install dependencies
|
|
|
|
|
yarn install
|
|
|
|
|
|
|
|
|
|
# Start the development server
|
|
|
|
|
yarn dev
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### Build for Production
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
yarn build
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Project Structure
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
/src
|
|
|
|
|
/assets
|
|
|
|
|
/scss
|
|
|
|
|
main.scss # Main stylesheet
|
|
|
|
|
variables.scss # SCSS variables and mixins
|
|
|
|
|
/components # Vue components
|
|
|
|
|
App.vue # Main application component
|
|
|
|
|
main.js # Application entry point
|
2025-03-30 11:56:18 +00:00
|
|
|
```
|
