A job matching platform that implements a Tinder-like swiping interface for job opportunities.
SwipeTalentYouz is a Next.js application that allows users to browse job offers through an intuitive swipe interface. Users can register, view job details, and express interest in positions by swiping right, or pass on opportunities by swiping left.
- User registration system
- Swipeable job card interface
- Job details including company info, requirements, and functions
- Mobile-responsive design
- Real-time match tracking
- Integration with Supabase backend
- Frontend: Next.js 14, React, TypeScript
- Styling: TailwindCSS, Shadcn/ui
- Backend: Supabase
- State Management: React Hooks
- Authentication: Supabase Auth
- Deployment: Vercel
- Node.js 18+
- npm or yarn
- Supabase account
- Clone the repository
git clone https://github.com/pdpau/swipejobs.git
- Install dependencies
npm install
- Set up environment variables. Create a
.env.local
file in the root directory and add the following variables:
NEXT_PUBLIC_SUPABASE_URL=[your-supabase-url]
NEXT_PUBLIC_SUPABASE_ANON_KEY=[your-supabase-anon-key]
- Run the development server
npm run dev
├── app/
│ ├── components/ # Reusable UI components
│ ├── fonts/ # Custom fonts
│ ├── offers-page/ # Job offers view
│ ├── register-page/ # User registration
│ └── thankyou-page/ # Success page
├── page.tsx # Main page component
├── globals.css # Global styles
├── layout.tsx # Main layout component
├── types.d.ts # TypeScript types
├── components/
│ └── ui/ # Shadcn components
├── lib/ # Utilities and configurations
└── public/ # Static assets
The project uses Supabase with the following tables:
- Users: User registration information
- Offers: Jobs available for swiping
- Users_Offers: Match tracking between users and job offers
- Fork the repository
- Create a new branch
- Make your changes
- Commit your changes
- Push to the branch
- Create a pull request