Back to Portfolio
Web Application

Visit Pemalang

Visit Pemalang screenshot 1
1 / 3

About the Project

Visit Pemalang - Tourism Portal of Pemalang Regency Visit Pemalang is a modern digital platform designed to promote natural destinations, culinary delights, and cultural heritage in Pemalang Regency. This project is built using cutting-edge technologies to provide a fast, responsive, and interactive user experience.

Key Features

1. Tourism Destination Exploration

  • Interactive Filtering: Filter tourist spots by category (Natural Tourism, Beach Tourism, Culture & History, Artificial Attractions), maximum entry ticket price, minimum rating, and availability of supporting facilities (toilet, parking, gazebo, prayer room, photo spots, etc.).
  • Smart Sorting: Sort destinations by Recommendations, Highest Rating, Lowest Price, and Highest Price.
  • Interactive Map: Direct integration with Google Maps to easily provide directions to destination locations.

2. Pemalang Culinary Exploration

  • Culinary Catalog: Showcases a list of legendary local delicacies in Pemalang, complete with flavor profiles, price range, and ratings.
  • Interactive Video Reviews: Pop-up video player for culinary reviews, providing engaging visuals to attract potential visitors.

3. Quick Search (Global Search)

  • Real-time Search: Instant search functionality across all tourism and culinary content by destination name, food item, description, or specific keywords.

4. Favorites & Bookmark System

  • Local Storage (LocalStorage): Users can save destinations and culinary spots to a personal /favorites page, allowing easy access anytime without requiring login or registration.

5. Social Media & Sharing (Share Feature)

  • Social Sharing: Instantly share links to favorite destinations on popular platforms like WhatsApp, Facebook, and X (Twitter), or copy links to the clipboard.

6. Admin Panel & CMS (Content Management System)

  • Authentication & Authorization: Protected administration pages (/admin/*) utilizing NextAuth.js JWT Middleware to ensure content security.
  • Statistics Dashboard: Displays data summaries such as total destinations, total culinary spots, and total registered content.
  • Content Management (CRUD): User-friendly interface for editors to Create, Read, Update, and Delete destination and culinary data.
  • Cloud Image Upload: Integration with Vercel Blob Storage to upload high-resolution tourism images directly to cloud storage.

7. Responsive & Modern Accessibility

  • Dark Mode & Light Mode: Supports automatic or manual theme switching (based on OS theme or user preference).
  • Smooth Animations: Responsive micro-interactions and page transition effects using Framer Motion.

Project Specs

Category
Web Application

Tech Stack

Frontend / Client
Next.js (App Router)ReactTypeScriptTailwind CSSFramer Motion
Backend / Server
Prisma ORMNextAuth.jsVercel Blob
Database
PostgreSQL