https://github.com/chewzzz1014/fyp-frontend

https://github.com/chewzzz1014/fyp-frontend

final-year-project frontend fyp nextjs project tailwindcss

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/chewzzz1014/fyp-frontend
• Owner: chewzzz1014
• Created: 2024-11-23T06:53:28.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2025-01-17T10:07:46.000Z (4 months ago)
• Last Synced: 2025-01-26T20:17:18.790Z (4 months ago)
• Topics: final-year-project, frontend, fyp, nextjs, project, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 2.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Overview

Frontend of My Bachelor Degree's Final Year Project with title **AI-Powered Job Application Management for Applicant**.

- Developed using Next.js, Material UI and Tailwind CSS

- Consists of Job Management, Resume Management, Job-Resume Matching and Dashboard.

- Can switch between light and dark mode

- Accepts resume in PDF format and job details uploaded by users

- Perform NER prediction on resume contents (uploaded in PDF format and parsed into text) and job description.

- Calculate job-resume matching score for each job-resume pair selected by users.

- Provide a Kanban board for users to update job application status for each job-resume pair between 6 application status:

     - Interested

     - Applied

     - Assessment

     - Interviewing

     - Offer

     - Rejected

## Related Repositories

1. [NER model development and backend code](https://github.com/chewzzz1014/fyp)

2. [Archive of esume dataset, annotation and trained model](https://github.com/chewzzz1014/fyp-ner-archive)

## Launch App

1. Ensure backend server is running

2. Run command

```

npm run dev

```

## Interfaces

1. **Dashboard**

   

Kanban board

![alt text](readme-pics/image-2.png)

Filtering job-resume card:

 - For string value: ambiguous match or exact match

 - For numerical value: greater than, equal or less than

![alt text](readme-pics/image-11.png)

Job-resume card details

![alt text](readme-pics/image-3.png)

2. **Resume Management**

Resume preview

![alt text](readme-pics/image-4.png)

Upload resume

![alt text](readme-pics/image-5.png)

3. **Job Management**

Preview Mode

![alt text](readme-pics/image-6.png)

Edit Mode

![alt text](readme-pics/image-7.png)

4. **Job-Resume Matching**

Select a resume, add new job/select uploaded job and update job application status

![alt text](readme-pics/image-8.png)

Job-resume matching evaluation details page

![alt text](readme-pics/image-9.png)

5. **Profile**

![alt text](readme-pics/image-10.png)

6. **Authentication**

Login

![alt text](readme-pics/image.png)

Signup

![alt text](readme-pics/image-1.png)

Logout

![alt text](readme-pics/image-12.png)