Bangka Hire

haikelz
Haikel, 2 min read.
nextjs
nestjs
supabase

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ

image 1

About

Bangka Hire is a comprehensive job search and recruitment solution for Bangka Belitung region, designed to connect job seekers with opportunities that match their skills and preferences. Whether you’re looking for a job in a specific industry, searching by salary range, or targeting a particular company, our advanced filtering system makes the process seamless.

Minimum Viable Product (MVP)

  • Searching for all available job vacancies.
  • Searching for more specific job vacancies based on several categories, such as job position, salary range, company name, and job location.
  • Company reviews with a rating and comment system.
  • Apply for jobs by entering your name, email, WhatsApp number, and the latest CV.
  • Job vacancy management and applicant CV review for job providers.
  • Sign-up and login options using Google for user convenience.

Folder structure

.
├── prisma # Prisma
│   ├── migrations
│   └── schema.prisma
│   ├── assets
├── public # Images and assets
│   ├── docs
│   └── images
├── README.md
├── src
│   ├── app # Main Pages
│   │   ├── api  #API Logic
│   │   │   ├── admin
│   │   │   ├── auth
│   │   │   ├── get-user
│   │   │   ├── job-applicant
│   │   │   ├── jobs
│   │   │   ├── job-vacancy-provider
│   │   │   └── uploadthing
│   │   ├── (auth)
│   │   │   └── auth
│   │   ├── (dashboard)
│   │   │   └── dashboard
│   │   ├── (job-applicant)
│   │   │   └── jobs
│   │   ├── (job-vacancy-provider)
│   │   │   └── job-vacancy-providers
│   │   └── profile
│   ├── components # Shared, customizable, and reusable components
│   │   ├── auth
│   │   ├── common
│   │   ├── dashboard
│   │   │   └── admin
│   │   ├── job-applicant
│   │   ├── jobs
│   │   ├── job-vacancy-provider
│   │   ├── react-query
│   │   └── ui
│   ├── hooks # Custom hooks
│   ├── lib # Utilities
│   │   └── schemas
│   ├── services # HTTP Request logic
│   ├── store # Jotai store
│   └── types # Typescript types
└── tsconfig.json

Search Engine Optimization

SEO

Sentry Error Monitoring

Sentry

Entity Relationship Diagram

ERD

User Flow

User Flow

Job Application Process DFD Level 1

DFD Level 1

Technologies

Frontend

  • Next JS 15 app directory
  • Tailwind CSS with shadcn/ui
  • Framer Motion
  • Jotai

Backend

  • Supabase
  • Prisma

Miscellaneous

  • Biome for code formatting.
  • Sentry for error monitoring.
  • Vercel for Deployment Website.
  • Cloudflare Domain.
  • Uploadthing for handling upload document.