DIHA – Digital Nomad Accommodation Platform

Digital nomads and remote workers looking to stay in Tunisia needed a centralized platform to discover, evaluate, and inquire about long-term rental properties with reliable workspaces, internet, and local support. Property owners and admins also needed an easy way to manage listings, content, and inquiries across web and mobile experiences.

Laravel 10.xPHP 8.1+MySQL/MariaDBLaravel SanctumLivewire 2.12Intervention ImageSpatie Laravel Sluggablehisorange/browser-detectNext.js 13.3.2React 18.2.0React BootstrapSCSS/CSSAxiosReact SlickReact CountUpNext AuthWOW.js

CHALLENGE

SOLUTION

Built a full-stack platform with a Laravel 10 backend and a Next.js/React frontend to serve as a gateway for digital nomads in Tunisia. Implemented a rich property model with detailed attributes (location, type, style, services, maps, gallery), public APIs consumed by the Next.js site, and an admin dashboard for managing houses, rentals, contacts, activities, areas, blogs, gallery, sliders, services, team members, and site settings. Added data seeders for realistic demo content, secure forms with CSRF and Sanctum, and a responsive frontend with sliders, counters, galleries, and SEO-friendly pages.

Complete Feature List

• Public API layer exposing houses, areas, activities, blogs, gallery, services, team, and settings for the Next.js frontend

• Rich property model with images, location, type, preference, size, style, services, and map links

• Digital nomad–focused filtering by location type, preference, size, and style

• Rental inquiry flow with check-in/check-out and contact details

• Blog system for digital nomad topics and Tunisia guides

• Activities and destinations explorer for Tunisia (12+ areas, 9+ activities)

• Admin dashboard with CRUD for houses, rentals, contacts, blogs, activities, areas, gallery, sliders, services, team, and settings

• Comprehensive seeders generating realistic demo data for properties, content, and inquiries

• Responsive Next.js frontend with hero sliders, carousels, counters, and galleries

• Dynamic content fetching from Laravel API using Axios

• Secure forms with CSRF protection and Sanctum-based API authentication

• Login activity tracking for admin users

• Image upload and processing with Intervention Image

• SEO-friendly pages with server-side rendering

• Chatbot and animated statistics components to enhance UX

MY ROLE

Full-Stack Developer

TECHNOLOGIES USED

Project Highlights

Key Achievements

✓
Unified platform connecting digital nomads with Tunisia-based accommodations
✓
Full content management capabilities for admins without touching code
✓
API-first architecture enabling future mobile apps and integrations
✓
Realistic seed data for 7+ properties, 12+ areas, 9+ activities, 6+ blogs, and multiple rentals/contacts
✓
Improved discoverability of Tunisian destinations tailored to remote workers
✓
Scalable architecture ready for future booking and payment features

Technical Highlights

•
Public API layer exposing houses, areas, activities, blogs, gallery, services, team, and settings for the Next.js frontend
•
Rich property model with images, location, type, preference, size, style, services, and map links
•
Digital nomad–focused filtering by location type, preference, size, and style
•
Rental inquiry flow with check-in/check-out and contact details
•
Blog system for digital nomad topics and Tunisia guides

Public Landing Page for Digital Nomads

Property Listing and Exploration Interface

Destination and Activities Showcase

Blog and Content Section for Digital Nomads

Admin – Houses Management Dashboard

Admin – Edit House Details Form

Admin – Homepage Slider Management

Admin – Blog Article Editing Interface