This is a React-based job postings dashboard built with Next.js and TypeScript. The application displays a list of job postings, allowing users to view and sort them based on different criteria.
- Job Postings Display: Dynamically displays job postings fetched from a JSON file.
- Sorting Options: Users can sort job postings by relevance, recency, or date.
- Dynamic Routing: Each job posting links to a detailed description page using Next.js dynamic routing.
- Styled Components: Utilizes modern UI components for a clean and responsive design.
- Next.js: For server-side rendering and routing.
- React: For building the user interface.
- TypeScript: For type safety and enhanced development experience.
- Tailwind CSS: For utility-first CSS styling.
-
Clone the Repository:
git clone https://github.com/your-username/your-repository.git
-
Navigate to the Project Directory:
cd your-repository
-
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
-
Open your browser and go to:
http://localhost:3000
pages/index.tsx
: Main page displaying job postings.components/CardComponent.tsx
: Card component used to display individual job postings.components/DescComponent.tsx
: Component for displaying detailed descriptions (currently not used in the example).jobs.json
: JSON file containing sample job postings data.
Feel free to fork the repository and submit pull requests. For any issues or feature requests, please create an issue in the GitHub repository.