Rikunabi Next - Next.js, MSW, Storybook

Year

2025

Tech & Technique

Next.js, MSW, Storybook, Jest, CSS Modules, TypeScript, React Hook Form

Description

A comprehensive job board system that aggregates job listings from Indeed and provides advanced filtering capabilities by industry field. Built as a modern recruitment platform to connect job seekers with relevant opportunities.

Key Features:

🔍 Job Aggregation: Automatically collects job listings from Indeed API
🏷️ Field Filtering: Advanced filtering system to sort jobs by industry, location, and experience level
🔗 OpenAPI: Designed and documented OpenAPI endpoints for seamless integration
🖥️ Device Optimization: Fully responsive design optimized for both PC and smartphone (SP)
🚀 SEO Optimization: Advanced SEO implementation for better search engine visibility
⚡ Real-time Search: Fast job search with instant results and auto-suggestions
📊 Job Analytics: Dashboard for tracking application trends and job market insights

Technical Highlights:

Integrated Indeed Job Search API for real-time job data collection
Implemented advanced filtering algorithms for precise job matching
Built scalable backend architecture to handle large job datasets
Developed responsive UI components with shadcn for consistent user experience
Configured efficient caching strategies for optimal performance

My Role

Frontend Developer
Responsible for all frontend development and user interface:

🎨 UI Development: Built responsive and interactive user interfaces using Next.js and Tailwind CSS
🔍 Search Interface: Developed advanced job search and filtering components with real-time updates
📱 Responsive Design: Optimized UI for seamless experience across PC and mobile devices
🔄 State Management: Implemented efficient client-side data management and API integration
⚡ Performance: Optimized frontend performance with lazy loading and component optimization
🎯 User Experience: Created intuitive navigation and user flows for job seekers