/ReactJobs

ReactJobs is a streamlined job board platform built with React, specifically designed for React developer positions. It offers a clean interface for browsing, posting, and managing job listings with features like detailed job views, company information, and comprehensive job management tools. Built using modern web technologies including React Rout

Primary LanguageJavaScriptMIT LicenseMIT

ReactJobs

A modern job board application built with React, focusing on React developer positions. The application allows users to browse, add, edit, and manage job listings with a clean and intuitive interface.

Features

  • Browse job listings
  • View detailed job information
  • Add new job listings
  • Edit existing job listings
  • Delete job listings
  • Responsive design with Tailwind CSS
  • Client-side routing with React Router

Technologies Used

  • React
  • React Router v6
  • Tailwind CSS
  • Vite
  • JSON Server (for mock API)

Installation

  1. Clone the repository bash
git clone https://github.com/yourusername/reactjobs.git
cd reactjobs
  1. Install dependencies bash
npm install
  1. Start the development server bash
npm run dev
  1. Start the JSON server (in a separate terminal) bash
json-server --watch src/data/jobs.json --port 3000
  1. Open your browser and visit http://localhost:5173

Project Structure

Copyreactjobs/
├── src/
│   ├── layouts/
│   │   └── MainLayout.jsx
│   ├── pages/
│   │   ├── HomePage.jsx
│   │   ├── JobsPage.jsx
│   │   ├── JobPage.jsx
│   │   ├── AddJobPage.jsx
│   │   ├── EditJobPage.jsx
│   │   └── NotFoundPage.jsx
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
├── public/
├── index.html
└── package.json

API Endpoints

  • GET /api/jobs - Get all jobs
  • GET /api/jobs/:id - Get single job
  • POST /api/jobs - Add new job
  • PUT /api/jobs/:id - Update job
  • DELETE /api/jobs/:id - Delete job

Features in Detail

Job Listing

  • View all available job positions
  • Filter and search functionality
  • Detailed view for each job listing

Job Management

  • Add new job listings with company details
  • Edit existing job information
  • Remove job listings
  • View company information

Contributing

  1. Fork the repository
  3. Create your feature branch bash
git checkout -b feature/YourFeature

3.Commit your changes bash

git commit -m 'Add some feature'
  1. Push to the branch bash
git push origin feature/YourFeature
  1. Create a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • React Router for the routing solution
  • Tailwind CSS for the styling framework
  • Vite for the build tool
  • JSON Server for the mock backend